@nx/nuxt 23.2.0-beta.1 → 23.2.0-beta.11

package/README.md

@@ -7,9 +7,9 @@
 
 <div style="text-align: center;">
 
-[![License](https://img.shields.io/npm/l/@nx/workspace.svg?style=flat-square)]()
+[![License](https://img.shields.io/npm/l/@nx/workspace.svg?style=flat-square)](<>)
 [![NPM Version](https://badge.fury.io/js/nx.svg)](https://www.npmjs.com/package/nx)
-[![Semantic Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)]()
+[![Semantic Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)](<>)
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
 [![Join us on the Official Nx Discord Server](https://img.shields.io/discord/1143497901675401286?label=discord)](https://go.nx.dev/community)
 [![Nx Sandboxing](https://staging.nx.app/workspaces/62d013ea0852fe0a2df74438/sandbox-badge.svg)](https://nx.dev/docs/features/ci-features/sandboxing)

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");
@@ -19,8 +20,7 @@ const assert_supported_nuxt_version_1 = require("../../utils/assert-supported-nu
 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 +30,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,
@@ -42,9 +42,9 @@ async function applicationGeneratorInternal(tree, schema) {
     tasks.push(jsInitTask);
     const options = await (0, normalize_options_1.normalizeOptions)(tree, schema);
     const projectOffsetFromRoot = (0, devkit_1.offsetFromRoot)(options.appProjectRoot);
-    const onBoardingStatus = await (0, onboarding_1.createNxCloudOnboardingURLForWelcomeApp)(tree, options.nxCloudToken);
+    const onBoardingStatus = await (0, internal_1.createNxCloudOnboardingURLForWelcomeApp)(tree, options.nxCloudToken);
     const connectCloudUrl = onBoardingStatus === 'unclaimed' &&
-        (await (0, onboarding_1.getNxCloudAppOnBoardingUrl)(options.nxCloudToken));
+        (await (0, internal_1.getNxCloudAppOnBoardingUrl)(options.nxCloudToken));
     tasks.push(await (0, ensure_dependencies_1.ensureDependencies)(tree, options));
     const packageJson = {
         name: options.importPath,
@@ -115,14 +115,15 @@ 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,
         projectRoot: options.appProjectRoot,
-        linter: options.linter ?? 'eslint',
+        linter: options.linter,
         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 +141,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 +151,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/lib/add-vitest.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addVitest = addVitest;
 const devkit_1 = require("@nx/devkit");
+const internal_1 = require("@nx/eslint/internal");
 const utils_1 = require("../../init/lib/utils");
 const versions_1 = require("../../../utils/versions");
 async function addVitest(tree, options) {
@@ -29,10 +30,11 @@ async function addVitest(tree, options) {
         testEnvironment: 'jsdom',
         imports: [`import vue from '@vitejs/plugin-vue'`],
         plugins: ['vue()'],
-        // NOTE: Set to false to generate .ts instead of .mts because @nuxt/eslint-config
-        // does not handle .mts files in its parser configuration.
+        // Only the legacy @nuxt/eslint-config (~0.5.6) leaves .mts out of its
+        // parser configuration, so fall back to .ts just for it. A .ts config in
+        // a CommonJS package trips Vite's `configLoader: 'native'` warning.
         // See: https://github.com/nuxt/eslint/blob/v0.5.6/packages/eslint-config/src/legacy.ts#L6-L11
-        useEsmExtension: false,
+        useEsmExtension: options.linter !== 'eslint' || (0, internal_1.useFlatConfig)(tree),
     }, true, undefined, true);
     (0, devkit_1.updateJson)(tree, `${options.appProjectRoot}/tsconfig.spec.json`, (json) => {
         json.compilerOptions ??= {};

package/dist/src/generators/application/lib/normalize-options.js

@@ -39,8 +39,11 @@ async function normalizeOptions(host, options) {
         useProjectJson: options.useProjectJson ?? !isUsingTsSolutionConfig,
         useAppDir,
         nuxtMajorVersion,
+        unitTestRunner: options.unitTestRunner ?? 'vitest',
+        e2eTestRunner: options.e2eTestRunner ?? 'playwright',
+        // Resolved here rather than at the `addLinting` call, so every later reader
+        // in this generator sees the same value.
+        linter: await (0, internal_2.normalizeLinterOption)(host, options.linter),
     };
-    normalized.unitTestRunner ??= 'vitest';
-    normalized.e2eTestRunner = normalized.e2eTestRunner ?? 'playwright';
     return normalized;
 }

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

@@ -1,10 +1,10 @@
-import type { Linter, LinterType } from '@nx/eslint';
+import type { LinterType } from '@nx/js';
 
 export interface Schema {
   directory: string;
   name?: string;
-  linter?: Linter | LinterType;
-  formatter?: 'none' | 'prettier';
+  linter?: LinterType;
+  formatter?: 'none' | 'prettier' | 'oxfmt';
   skipFormat?: boolean;
   unitTestRunner?: 'vitest' | 'none';
   e2eTestRunner?: 'cypress' | 'playwright' | 'none';
@@ -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;
@@ -21,6 +25,8 @@ export interface Schema {
 }
 
 export interface NormalizedSchema extends Omit<Schema, 'useTsSolution'> {
+  // `normalizeOptions` always resolves this, so it is no longer optional.
+  linter: LinterType;
   projectName: string;
   appProjectRoot: string;
   importPath: string;

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

@@ -29,13 +29,16 @@
       "x-priority": "internal"
     },
     "linter": {
-      "description": "The tool to use for running lint checks.",
+      "description": "The tool to use for running lint checks. Defaults to the linter the workspace already uses.",
       "type": "string",
-      "enum": ["eslint", "none"],
-      "default": "none",
-      "x-prompt": "Which linter would you like to use?",
+      "enum": ["eslint", "oxlint", "none"],
       "x-priority": "important"
     },
+    "formatter": {
+      "description": "The tool to use for code formatting.",
+      "type": "string",
+      "enum": ["none", "prettier", "oxfmt"]
+    },
     "unitTestRunner": {
       "type": "string",
       "enum": ["vitest", "none"],
@@ -99,11 +102,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/generators/storybook-configuration/schema.d.ts

@@ -1,4 +1,4 @@
-import { Linter, LinterType } from '@nx/eslint';
+import { LinterType } from '@nx/js';
 
 export interface Schema {
   project: string;
@@ -6,7 +6,7 @@ export interface Schema {
   generateStories?: boolean;
   js?: boolean;
   tsConfiguration?: boolean;
-  linter?: Linter | LinterType;
+  linter?: LinterType;
   ignorePaths?: string[];
   configureStaticServe?: boolean;
 }

package/dist/src/generators/storybook-configuration/schema.json

@@ -53,8 +53,7 @@
     "linter": {
       "description": "The tool to use for running lint checks.",
       "type": "string",
-      "enum": ["eslint"],
-      "default": "eslint"
+      "enum": ["eslint", "oxlint"]
     },
     "ignorePaths": {
       "type": "array",

package/dist/src/plugins/plugin.js

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createNodesV2 = exports.createNodes = void 0;
 const internal_1 = require("@nx/devkit/internal");
 const devkit_1 = require("@nx/devkit");
-const cache_directory_1 = require("nx/src/utils/cache-directory");
 const js_1 = require("@nx/js");
 const path_1 = require("path");
 const fs_1 = require("fs");
 const executor_utils_1 = require("../utils/executor-utils");
 const internal_2 = require("@nx/js/internal");
-const cachePath = (0, path_1.join)(cache_directory_1.workspaceDataDirectory, 'nuxt.hash');
+const cachePath = (0, path_1.join)(internal_1.workspaceDataDirectory, 'nuxt.hash');
 const targetsCache = new internal_1.PluginCache(cachePath);
 exports.createNodes = [
     '**/nuxt.config.{js,ts,mjs,mts,cjs,cts}',

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

@@ -1,10 +1,14 @@
-import { Tree } from 'nx/src/generators/tree';
-import { Linter, LinterType } from '@nx/eslint';
-import { GeneratorCallback } from '@nx/devkit';
+import { LinterType } from '@nx/js';
+import { GeneratorCallback, Tree } from '@nx/devkit';
 export declare function addLinting(host: Tree, options: {
-    linter: Linter | LinterType;
+    linter: LinterType;
     projectName: string;
     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

@@ -1,24 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addLinting = addLinting;
-const eslint_1 = require("@nx/eslint");
-const path_1 = require("nx/src/utils/path");
 const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/eslint/internal");
 const versions_1 = require("./versions");
+const internal_2 = require("@nx/js/internal");
 async function addLinting(host, options) {
     const tasks = [];
+    tasks.push(await (0, internal_2.addLintingToProject)(host, {
+        oxlintPlugins: ['vue'],
+        linter: options.linter,
+        project: options.projectName,
+        tsConfigPaths: [(0, devkit_1.joinPathFragments)(options.projectRoot, 'tsconfig.json')],
+        unitTestRunner: options.unitTestRunner,
+        rootProject: options.rootProject,
+        enableTypedLinting: (0, internal_1.isTypedLintingEnabled)(options),
+        addPlugin: true,
+    }));
+    // Everything below configures ESLint — predefined configs, `extends`, ignore
+    // entries — which have no equivalent in other linters.
     if (options.linter === 'eslint') {
-        const lintTask = await (0, eslint_1.lintProjectGenerator)(host, {
-            linter: options.linter,
-            project: options.projectName,
-            tsConfigPaths: [(0, path_1.joinPathFragments)(options.projectRoot, 'tsconfig.json')],
-            unitTestRunner: options.unitTestRunner,
-            skipFormat: true,
-            rootProject: options.rootProject,
-            addPlugin: true,
-        });
-        tasks.push(lintTask);
+        const enableTypedLinting = (0, internal_1.isTypedLintingEnabled)(options);
         const isFlatConfig = (0, internal_1.useFlatConfig)(host);
         // Version-aware dependencies:
         // - Flat config (v4+): use @nuxt/eslint-config ^1.10.0 with createConfigForNuxt
@@ -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,17 +59,32 @@ 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;
-    const configPath = (0, path_1.joinPathFragments)(projectRoot, eslintFile);
+    const configPath = (0, devkit_1.joinPathFragments)(projectRoot, eslintFile);
     const isMjs = eslintFile.endsWith('.mjs');
     const isCjs = eslintFile.endsWith('.cjs');
     // Determine the relative path to root config
     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/dist/src/utils/version-utils.d.ts

@@ -1,4 +1,4 @@
-import type { Tree } from 'nx/src/generators/tree';
+import { type Tree } from '@nx/devkit';
 export type NuxtDependenciesVersions = {
     nuxt: string;
     nuxtKit: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/nuxt",
-  "version": "23.2.0-beta.1",
+  "version": "23.2.0-beta.11",
   "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,23 @@
   "dependencies": {
     "tslib": "^2.3.0",
     "semver": "^7.6.3",
-    "@nx/devkit": "23.2.0-beta.1",
-    "@nx/vue": "23.2.0-beta.1",
-    "@nx/js": "23.2.0-beta.1",
-    "@nx/eslint": "23.2.0-beta.1",
-    "@nx/vite": "23.2.0-beta.1",
-    "@nx/vitest": "23.2.0-beta.1"
+    "@nx/devkit": "23.2.0-beta.11",
+    "@nx/js": "23.2.0-beta.11",
+    "@nx/vite": "23.2.0-beta.11",
+    "@nx/vue": "23.2.0-beta.11",
+    "@nx/eslint": "23.2.0-beta.11",
+    "@nx/vitest": "23.2.0-beta.11"
   },
   "devDependencies": {
-    "nx": "23.2.0-beta.1"
+    "nuxt": "^3.21.10",
+    "nx": "23.2.0-beta.11"
   },
   "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/cypress": "23.2.0-beta.11",
+    "@nx/playwright": "23.2.0-beta.11"
   },
   "peerDependenciesMeta": {
     "nuxt": {
@@ -84,6 +87,12 @@
     },
     "@nuxt/kit": {
       "optional": true
+    },
+    "@nx/cypress": {
+      "optional": true
+    },
+    "@nx/playwright": {
+      "optional": true
     }
   },
   "publishConfig": {