@nx/nuxt 23.2.0-beta.2 → 23.2.0-beta.4

package/dist/src/generators/application/application.js

@@ -4,6 +4,7 @@ exports.applicationGenerator = applicationGenerator;
 exports.applicationGeneratorInternal = applicationGeneratorInternal;
 const tslib_1 = require("tslib");
 const internal_1 = require("@nx/devkit/internal");
+const internal_2 = require("@nx/eslint/internal");
 const devkit_1 = require("@nx/devkit");
 const init_1 = tslib_1.__importDefault(require("../init/init"));
 const normalize_options_1 = require("./lib/normalize-options");
@@ -20,7 +21,7 @@ const node_child_process_1 = require("node:child_process");
 const node_fs_1 = require("node:fs");
 const node_path_1 = require("node:path");
 const onboarding_1 = require("nx/src/nx-cloud/utilities/onboarding");
-const internal_2 = require("@nx/js/internal");
+const internal_3 = require("@nx/js/internal");
 async function applicationGenerator(tree, schema) {
     return await applicationGeneratorInternal(tree, {
         useProjectJson: true,
@@ -30,7 +31,7 @@ async function applicationGenerator(tree, schema) {
 async function applicationGeneratorInternal(tree, schema) {
     (0, assert_supported_nuxt_version_1.assertSupportedNuxtVersion)(tree);
     const tasks = [];
-    const addTsPlugin = (0, internal_2.shouldConfigureTsSolutionSetup)(tree, true, // nuxt always adds plugins
+    const addTsPlugin = (0, internal_3.shouldConfigureTsSolutionSetup)(tree, true, // nuxt always adds plugins
     schema.useTsSolution);
     const jsInitTask = await (0, js_1.initGenerator)(tree, {
         ...schema,
@@ -115,7 +116,7 @@ async function applicationGeneratorInternal(tree, schema) {
     // If we are using the new TS solution
     // We need to update the workspace file (package.json or pnpm-workspaces.yaml) to include the new project
     if (options.isUsingTsSolutionConfig) {
-        await (0, internal_2.addProjectToTsSolutionWorkspace)(tree, options.appProjectRoot);
+        await (0, internal_3.addProjectToTsSolutionWorkspace)(tree, options.appProjectRoot);
     }
     tasks.push(await (0, add_linting_1.addLinting)(tree, {
         projectName: options.projectName,
@@ -123,6 +124,7 @@ async function applicationGeneratorInternal(tree, schema) {
         linter: options.linter ?? 'eslint',
         unitTestRunner: options.unitTestRunner,
         rootProject: options.rootProject,
+        enableTypedLinting: (0, internal_2.isTypedLintingEnabled)(options),
     }));
     if (options.unitTestRunner === 'vitest') {
         tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
@@ -140,7 +142,7 @@ async function applicationGeneratorInternal(tree, schema) {
     if (options.js)
         (0, devkit_1.toJS)(tree);
     if (options.isUsingTsSolutionConfig) {
-        (0, internal_2.updateTsconfigFiles)(tree, options.appProjectRoot, 'tsconfig.app.json', {
+        (0, internal_3.updateTsconfigFiles)(tree, options.appProjectRoot, 'tsconfig.app.json', {
             jsx: 'preserve',
             jsxImportSource: 'vue',
             module: 'esnext',
@@ -150,7 +152,7 @@ async function applicationGeneratorInternal(tree, schema) {
             ? ['eslint.config.js', 'eslint.config.cjs', 'eslint.config.mjs']
             : undefined);
     }
-    (0, internal_2.sortPackageJsonFields)(tree, options.appProjectRoot);
+    (0, internal_3.sortPackageJsonFields)(tree, options.appProjectRoot);
     if (!options.skipFormat)
         await (0, devkit_1.formatFiles)(tree);
     tasks.push(() => {

package/dist/src/generators/application/lib/add-e2e.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addE2e = addE2e;
 const internal_1 = require("@nx/devkit/internal");
+const internal_2 = require("@nx/eslint/internal");
 const devkit_1 = require("@nx/devkit");
 const versions_1 = require("../../../utils/versions");
 async function addE2e(host, options) {
@@ -80,7 +81,7 @@ async function addE2e(host, options) {
             directory: 'src',
             js: false,
             linter: options.linter,
-            setParserOptionsProject: options.setParserOptionsProject,
+            enableTypedLinting: (0, internal_2.isTypedLintingEnabled)(options),
             webServerAddress: e2eWebServerInfo.e2eCiBaseUrl,
             webServerCommand: e2eWebServerInfo.e2eCiWebServerCommand,
             addPlugin: true,

package/dist/src/generators/application/schema.d.ts

@@ -12,6 +12,10 @@ export interface Schema {
   js?: boolean;
   skipPackageJson?: boolean;
   rootProject?: boolean;
+  enableTypedLinting?: boolean;
+  /**
+   * @deprecated Use `enableTypedLinting` instead. This option will be removed in Nx v24.
+   */
   setParserOptionsProject?: boolean;
   style?: 'css' | 'scss' | 'none';
   nxCloudToken?: string;

package/dist/src/generators/application/schema.json

@@ -99,11 +99,17 @@
         ]
       }
     },
-    "setParserOptionsProject": {
+    "enableTypedLinting": {
       "type": "boolean",
-      "description": "Whether or not to configure the ESLint `parserOptions.project` option. We do not do this by default for lint performance reasons.",
+      "description": "Whether to enable typed linting. For flat configs, this configures the recommended `parserOptions.projectService` and `tsconfigRootDir`. For legacy `.eslintrc` configs, this configures `parserOptions.project`. We do not enable this by default for lint performance reasons.",
       "default": false
     },
+    "setParserOptionsProject": {
+      "type": "boolean",
+      "description": "Deprecated alias for `enableTypedLinting`.",
+      "default": false,
+      "x-deprecated": "Use `enableTypedLinting` instead. This option will be removed in Nx v24."
+    },
     "useProjectJson": {
       "type": "boolean",
       "description": "Use a `project.json` configuration file instead of inlining the Nx configuration in the `package.json` file."

package/dist/src/utils/add-linting.d.ts

@@ -7,4 +7,9 @@ export declare function addLinting(host: Tree, options: {
     projectRoot: string;
     unitTestRunner?: 'vitest' | 'none';
     rootProject?: boolean;
+    enableTypedLinting?: boolean;
+    /**
+     * @deprecated Use `enableTypedLinting` instead. This option will be removed in Nx v24.
+     */
+    setParserOptionsProject?: boolean;
 }): Promise<GeneratorCallback>;

package/dist/src/utils/add-linting.js

@@ -9,6 +9,7 @@ const versions_1 = require("./versions");
 async function addLinting(host, options) {
     const tasks = [];
     if (options.linter === 'eslint') {
+        const enableTypedLinting = (0, internal_1.isTypedLintingEnabled)(options);
         const lintTask = await (0, eslint_1.lintProjectGenerator)(host, {
             linter: options.linter,
             project: options.projectName,
@@ -16,6 +17,7 @@ async function addLinting(host, options) {
             unitTestRunner: options.unitTestRunner,
             skipFormat: true,
             rootProject: options.rootProject,
+            enableTypedLinting,
             addPlugin: true,
         });
         tasks.push(lintTask);
@@ -30,8 +32,11 @@ async function addLinting(host, options) {
         };
         if ((0, internal_1.isEslintConfigSupported)(host, options.projectRoot)) {
             if (isFlatConfig) {
-                // For flat config: Generate eslint.config.mjs using createConfigForNuxt
-                generateNuxtFlatEslintConfig(host, options.projectRoot);
+                // For flat config: Generate eslint.config.mjs using createConfigForNuxt.
+                // Pass `enableTypedLinting` so the projectService block is inlined into
+                // the template (the file's top-level export is a call expression chain,
+                // not an array literal, so post-hoc AST insertion doesn't work).
+                generateNuxtFlatEslintConfig(host, options.projectRoot, enableTypedLinting);
             }
             else {
                 // For legacy: Use extends with the old @nuxt/eslint-config
@@ -54,7 +59,7 @@ async function addLinting(host, options) {
  * Generates a flat ESLint config for Nuxt using createConfigForNuxt from @nuxt/eslint-config/flat.
  * This is the recommended approach for Nuxt v4+ and ESLint flat config.
  */
-function generateNuxtFlatEslintConfig(tree, projectRoot) {
+function generateNuxtFlatEslintConfig(tree, projectRoot, enableTypedLinting) {
     const eslintFile = (0, internal_1.findEslintFile)(tree, projectRoot);
     if (!eslintFile)
         return;
@@ -65,6 +70,21 @@ function generateNuxtFlatEslintConfig(tree, projectRoot) {
     const depth = projectRoot.split('/').filter(Boolean).length;
     const rootConfigRelativePath = depth > 0 ? '../'.repeat(depth) : './';
     let configContent;
+    const typedLintingBlock = enableTypedLinting
+        ? `
+    {
+      files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx', '**/*.vue'],
+      languageOptions: {
+        parserOptions: {
+          projectService: true,
+          // \`projectService\` conflicts with a \`parserOptions.project\` set by any config
+          // merged into this one. Remove this once you know none of them set it.
+          project: null,
+          tsconfigRootDir: ${isCjs ? '__dirname' : 'import.meta.dirname'},
+        },
+      },
+    },`
+        : '';
     if (isCjs) {
         // CJS flat config
         configContent = `const { createConfigForNuxt } = require('@nuxt/eslint-config/flat');
@@ -76,7 +96,7 @@ module.exports = createConfigForNuxt({
     typescript: true,
   },
 })${projectRoot !== '.' ? `\n  .prepend(...baseConfig)` : ''}
-  .append(
+  .append(${typedLintingBlock}
     {
       files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx', '**/*.vue'],
       rules: {
@@ -100,7 +120,7 @@ export default createConfigForNuxt({
     typescript: true,
   },
 })${projectRoot !== '.' ? `\n  .prepend(...baseConfig)` : ''}
-  .append(
+  .append(${typedLintingBlock}
     {
       files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx', '**/*.vue'],
       rules: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/nuxt",
-  "version": "23.2.0-beta.2",
+  "version": "23.2.0-beta.4",
   "private": false,
   "description": "The Nuxt plugin for Nx contains executors and generators for managing Nuxt applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Vitest, Playwright, Cypress, and Storybook.\n\n- Generators for applications, libraries, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -60,20 +60,22 @@
   "dependencies": {
     "tslib": "^2.3.0",
     "semver": "^7.6.3",
-    "@nx/js": "23.2.0-beta.2",
-    "@nx/devkit": "23.2.0-beta.2",
-    "@nx/vue": "23.2.0-beta.2",
-    "@nx/eslint": "23.2.0-beta.2",
-    "@nx/vite": "23.2.0-beta.2",
-    "@nx/vitest": "23.2.0-beta.2"
+    "@nx/devkit": "23.2.0-beta.4",
+    "@nx/vue": "23.2.0-beta.4",
+    "@nx/eslint": "23.2.0-beta.4",
+    "@nx/js": "23.2.0-beta.4",
+    "@nx/vite": "23.2.0-beta.4",
+    "@nx/vitest": "23.2.0-beta.4"
   },
   "devDependencies": {
-    "nx": "23.2.0-beta.2"
+    "nx": "23.2.0-beta.4"
   },
   "peerDependencies": {
     "nuxt": ">=3.0.0 <5.0.0",
     "@nuxt/schema": "^3.0.0 || ^4.0.0",
-    "@nuxt/kit": "^3.0.0 || ^4.0.0"
+    "@nuxt/kit": "^3.0.0 || ^4.0.0",
+    "@nx/playwright": "23.2.0-beta.4",
+    "@nx/cypress": "23.2.0-beta.4"
   },
   "peerDependenciesMeta": {
     "nuxt": {
@@ -84,6 +86,12 @@
     },
     "@nuxt/kit": {
       "optional": true
+    },
+    "@nx/cypress": {
+      "optional": true
+    },
+    "@nx/playwright": {
+      "optional": true
     }
   },
   "publishConfig": {