How to enable 'Typed Linting' in @nuxt/eslint

[vibonacci]

I want to use the rule @typescript-eslint/naming-convention which requires 'Typed Linting' feature to be enabled.

According to the docs, this requires the following steps:

Add TypeChecked to the name of any preset configs you're using, namely recommended, strict, and stylistic.
Add languageOptions.parserOptions to tell our parser how to find the TSConfig for each source file.

But since @nuxt/eslint does not use a standard eslint.config.mjs format, I have no clue how to achieve this.

Has somebody succeeded in getting the Typed Linting to work?

TypeScript ESLint docs:
https://typescript-eslint.io/getting-started/typed-linting/

[zecka]

@vibonacci I had similar issue and fixed it by adding parserOptions.project to eslint.config

Check related disscussion here: #544 and here antfu/eslint-config#662

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

export default withNuxt(
  // Your custom configs here
).prepend({
+  languageOptions: {
+    parserOptions: {
+      project: './tsconfig.json',
+    }
+  },
  rules: {
    '@typescript-eslint/naming-convention': 'error',
  }
})