Nuxt•2y ago

nuxt/eslint + antfu-eslint-config errors

So I started a fresh nuxt installation using

pnpx nuxi@latest init

pnpx nuxi@latest init

added the

@nuxt.eslint

@nuxt.eslint

module alongside

@antfu/eslint-config

@antfu/eslint-config

.

I have disabled standalone in nuxt config:

eslint: {
  config: {
    standalone: false
  }
}

eslint: {
  config: {
    standalone: false
  }
}

eslint.config.mjs:

// @ts-check
import antfu from '@antfu/eslint-config'
import withNuxt from './.nuxt/eslint.config.mjs'

export default withNuxt(
  antfu(),

)

// @ts-check
import antfu from '@antfu/eslint-config'
import withNuxt from './.nuxt/eslint.config.mjs'

export default withNuxt(
  antfu(),

)

Now when I'm trying to create an interface like

interface ComponentProps {}

interface ComponentProps {}

I get an eslint error saying

Parsing error: The keyword 'interface' is reserved

Parsing error: The keyword 'interface' is reserved

Removing

antfu()

antfu()

from my eslint config removes the error, but obviously I'd like to use it.

Does anybody know what could be happening here?