chore(misc): update @nuxt/eslint-config version to resolve errors

packages/eslint/src/generators/init/global-eslint-config.ts

@@ -122,6 +122,7 @@ export const getGlobalFlatEslintConfiguration = (
   content = addBlockToFlatConfigExport(
     content,
     generateFlatOverride({
+      files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
       rules: {},
     })
   );

packages/eslint/src/generators/lint-project/lint-project.spec.ts

@@ -78,6 +78,7 @@ describe('@nx/eslint:lint-project', () => {
           },
         },
         {
+          files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
           // Override or add rules here
           rules: {},
         },

packages/eslint/src/generators/lint-project/lint-project.ts

@@ -55,7 +55,6 @@ interface LintProjectOptions {
    */
   addExplicitTargets?: boolean;
   addPackageJsonDependencyChecks?: boolean;
-  skipExtendedBaseConfig?: boolean;
 }
 
 export function lintProjectGenerator(tree: Tree, options: LintProjectOptions) {
@@ -194,10 +193,7 @@ function createEsLintConfiguration(
   rootProject: boolean
 ) {
   // we are only extending root for non-standalone projects or their complementary e2e apps
-  const extendedRootConfig =
-    rootProject || options.skipExtendedBaseConfig
-      ? undefined
-      : findEslintFile(tree);
+  const extendedRootConfig = rootProject ? undefined : findEslintFile(tree);
   const pathToRootConfig = extendedRootConfig
     ? `${offsetFromRoot(projectConfig.root)}${extendedRootConfig}`
     : undefined;

packages/eslint/src/generators/utils/eslint-file.ts

@@ -319,7 +319,8 @@ export function addExtendsToLintConfig(
   plugin:
     | string
     | { name: string; needCompatFixup: boolean }
-    | Array<string | { name: string; needCompatFixup: boolean }>
+    | Array<string | { name: string; needCompatFixup: boolean }>,
+  insertAtTheEnd = false
 ): GeneratorCallback {
   if (useFlatConfig(tree)) {
     const pluginExtends: ts.SpreadElement[] = [];
@@ -381,7 +382,7 @@ export function addExtendsToLintConfig(
     // start of the `extends` array
     for (const pluginExtend of pluginExtends.reverse()) {
       content = addBlockToFlatConfigExport(content, pluginExtend, {
-        insertAtTheEnd: false,
+        insertAtTheEnd,
       });
     }
     tree.write(fileName, content);

packages/nuxt/src/generators/application/__snapshots__/application.spec.ts.snap

@@ -20,33 +20,41 @@ exports[`app generated files content - as-provided - my-app general application
 
 exports[`app generated files content - as-provided - my-app general application should configure eslint correctly (eslintrc) 1`] = `
 "{
+  "extends": ["@nuxt/eslint-config", "../.eslintrc.json"],
   "ignorePatterns": ["!**/*", ".nuxt/**", ".output/**", "node_modules"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx", "*.vue"],
-      "rules": {
-        "vue/multi-word-component-names": "off"
-      }
+      "rules": {}
     }
-  ],
-  "extends": ["@nuxt/eslint-config"]
+  ]
 }
 "
 `;
 
 exports[`app generated files content - as-provided - my-app general application should configure eslint correctly (flat config) 1`] = `
 "const { FlatCompat } = require('@eslint/eslintrc');
 const js = require('@eslint/js');
+const baseConfig = require('../eslint.config.js');
 
 const compat = new FlatCompat({
   baseDirectory: __dirname,
   recommendedConfig: js.configs.recommended,
 });
 
 module.exports = [
+  ...baseConfig,
+  {
+    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx', '**/*.vue'],
+    // Override or add rules here
+    rules: {},
+  },
   ...compat.extends('@nuxt/eslint-config'),
   {
-    rules: { 'vue/multi-word-component-names': 'off' },
+    files: ['**/*.vue'],
+    languageOptions: {
+      parserOptions: { parser: require('@typescript-eslint/parser') },
+    },
   },
   { ignores: ['.nuxt/**', '.output/**', 'node_modules'] },
 ];
@@ -379,33 +387,41 @@ exports[`app generated files content - as-provided - myApp general application s
 
 exports[`app generated files content - as-provided - myApp general application should configure eslint correctly (eslintrc) 1`] = `
 "{
+  "extends": ["@nuxt/eslint-config", "../.eslintrc.json"],
   "ignorePatterns": ["!**/*", ".nuxt/**", ".output/**", "node_modules"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx", "*.vue"],
-      "rules": {
-        "vue/multi-word-component-names": "off"
-      }
+      "rules": {}
     }
-  ],
-  "extends": ["@nuxt/eslint-config"]
+  ]
 }
 "
 `;
 
 exports[`app generated files content - as-provided - myApp general application should configure eslint correctly (flat config) 1`] = `
 "const { FlatCompat } = require('@eslint/eslintrc');
 const js = require('@eslint/js');
+const baseConfig = require('../eslint.config.js');
 
 const compat = new FlatCompat({
   baseDirectory: __dirname,
   recommendedConfig: js.configs.recommended,
 });
 
 module.exports = [
+  ...baseConfig,
+  {
+    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx', '**/*.vue'],
+    // Override or add rules here
+    rules: {},
+  },
   ...compat.extends('@nuxt/eslint-config'),
   {
-    rules: { 'vue/multi-word-component-names': 'off' },
+    files: ['**/*.vue'],
+    languageOptions: {
+      parserOptions: { parser: require('@typescript-eslint/parser') },
+    },
   },
   { ignores: ['.nuxt/**', '.output/**', 'node_modules'] },
 ];

packages/nuxt/src/utils/add-linting.ts

@@ -19,6 +19,7 @@ import {
 import { nuxtEslintConfigVersion } from './versions';
 import { useFlatConfig } from '@nx/eslint/src/utils/flat-config';
 
+// TODO(colum): Look into the recommended set up using `withNuxt` inside eslint.config.mjs. https://eslint.nuxt.com/packages/config
 export async function addLinting(
   host: Tree,
   options: {
@@ -39,18 +40,33 @@ export async function addLinting(
       skipFormat: true,
       rootProject: options.rootProject,
       addPlugin: true,
-      // Merging base flat config with `@nuxt/eslint-config` results in merge error due to `@typescript-eslint` being registered twice.
-      skipExtendedBaseConfig: true,
     });
     tasks.push(lintTask);
 
-    editEslintConfigFiles(host, options.projectRoot);
-
     if (isEslintConfigSupported(host, options.projectRoot)) {
-      const addExtendsTask = addExtendsToLintConfig(host, options.projectRoot, [
-        '@nuxt/eslint-config',
-      ]);
+      editEslintConfigFiles(host, options.projectRoot);
+
+      const addExtendsTask = addExtendsToLintConfig(
+        host,
+        options.projectRoot,
+        ['@nuxt/eslint-config'],
+        true
+      );
       tasks.push(addExtendsTask);
+
+      if (useFlatConfig(host)) {
+        addOverrideToLintConfig(
+          host,
+          options.projectRoot,
+          {
+            files: ['**/*.vue'],
+            languageOptions: {
+              parserOptions: { parser: '@typescript-eslint/parser' },
+            },
+          } as unknown // languageOptions is not in eslintrc format but for flat config
+        );
+      }
+
       addIgnoresToLintConfig(host, options.projectRoot, [
         '.nuxt/**',
         '.output/**',
@@ -89,49 +105,30 @@ function editEslintConfigFiles(tree: Tree, projectRoot: string) {
       o.files = [o.files, '*.vue'];
     }
   };
-
-  if (isEslintConfigSupported(tree, projectRoot)) {
-    if (useFlatConfig(tree)) {
-      addOverrideToLintConfig(
-        tree,
-        projectRoot,
-        {
-          rules: { 'vue/multi-word-component-names': 'off' },
-        },
-        { insertAtTheEnd: false }
-      );
-    } else {
-      if (
-        lintConfigHasOverride(
-          tree,
-          projectRoot,
-          (o) => o.parserOptions && !hasVueFiles(o),
-          true
-        )
-      ) {
-        updateOverrideInLintConfig(
-          tree,
-          projectRoot,
-          (o) => !!o.parserOptions,
-          (o) => {
-            addVueFiles(o);
-            return o;
-          }
-        );
-      } else {
-        replaceOverridesInLintConfig(tree, projectRoot, [
-          {
-            files: ['*.ts', '*.tsx', '*.js', '*.jsx', '*.vue'],
-            rules: { 'vue/multi-word-component-names': 'off' },
-          },
-        ]);
+  if (
+    lintConfigHasOverride(
+      tree,
+      projectRoot,
+      (o) => o.parserOptions && !hasVueFiles(o),
+      true
+    )
+  ) {
+    updateOverrideInLintConfig(
+      tree,
+      projectRoot,
+      (o) => !!o.parserOptions,
+      (o) => {
+        addVueFiles(o);
+        return o;
       }
-    }
-  }
-
-  // Edit root config too
-  if (!isEslintConfigSupported(tree)) {
-    return;
+    );
+  } else {
+    replaceOverridesInLintConfig(tree, projectRoot, [
+      {
+        files: ['*.ts', '*.tsx', '*.js', '*.jsx', '*.vue'],
+        rules: {},
+      },
+    ]);
   }
 
   if (

packages/nuxt/src/utils/versions.ts

@@ -7,4 +7,4 @@ export const nuxtDevtoolsVersion = '1.0.0';
 export const nuxtUiTemplatesVersion = '^1.3.1';
 
 // linting deps
-export const nuxtEslintConfigVersion = '~0.3.6';
+export const nuxtEslintConfigVersion = '~0.5.6';

packages/vue/src/generators/library/__snapshots__/library.spec.ts.snap

@@ -293,6 +293,7 @@ module.exports = [
     },
   },
   {
+    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx', '**/*.vue'],
     rules: { 'vue/multi-word-component-names': 'off' },
   },
 ];

packages/vue/src/utils/add-linting.ts

@@ -125,6 +125,7 @@ function editEslintConfigFiles(tree: Tree, projectRoot: string) {
       );
       // Add an empty rules object to users know how to add/override rules
       addOverrideToLintConfig(tree, projectRoot, {
+        files: ['*.ts', '*.tsx', '*.js', '*.jsx', '*.vue'],
         rules: { 'vue/multi-word-component-names': 'off' },
       });
     } else {