@nx/nuxt 18.0.4 → 18.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/nuxt",
-  "version": "18.0.4",
+  "version": "18.0.5",
   "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, 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": {
@@ -30,10 +30,11 @@
   "dependencies": {
     "tslib": "^2.3.0",
     "@nuxt/kit": "^3.10.0",
-    "@nx/devkit": "18.0.4",
-    "@nx/js": "18.0.4",
-    "@nx/eslint": "18.0.4",
-    "@nx/vue": "18.0.4"
+    "@nx/devkit": "18.0.5",
+    "@nx/js": "18.0.5",
+    "@nx/eslint": "18.0.5",
+    "@nx/vue": "18.0.5",
+    "@nx/vite": "18.0.5"
   },
   "peerDependencies": {},
   "publishConfig": {

package/src/generators/application/application.js

@@ -44,8 +44,6 @@ async function applicationGenerator(tree, schema) {
         tmpl: '',
         style: options.style,
         projectRoot: options.appProjectRoot,
-        buildDirectory: (0, devkit_1.joinPathFragments)(`dist/${options.appProjectRoot}/.nuxt`),
-        nitroOutputDir: (0, devkit_1.joinPathFragments)(`dist/${options.appProjectRoot}/.output`),
         hasVitest: options.unitTestRunner === 'vitest',
     });
     if (options.style === 'none') {

package/src/generators/application/files/nuxt.config.ts__tmpl__

@@ -5,7 +5,6 @@ import { defineNuxtConfig } from 'nuxt/config';
 export default defineNuxtConfig({
   workspaceDir: '<%= offsetFromRoot %>',
   srcDir: 'src',
-  buildDir: '<%= offsetFromRoot %><%= buildDirectory %>',
   devtools: { enabled: true },
   devServer: {
     host: 'localhost',
@@ -18,7 +17,7 @@ export default defineNuxtConfig({
     },
   },
   imports: {
-    autoImport: false,
+    autoImport: true,
   },
   <% if (style !== 'none') { %>
   css: ['~/assets/css/styles.<%= style %>'],
@@ -28,9 +27,4 @@ export default defineNuxtConfig({
       nxViteTsPaths()
     ],
   },
-  nitro: {
-    output: {
-      dir: '<%= offsetFromRoot %><%= nitroOutputDir %>',
-    },
-  },
 });

package/src/generators/application/files/src/components/NxWelcome.vue__tmpl__

@@ -323,13 +323,13 @@ defineProps<{
               You can activate distributed tasks executions and caching by
               running:
             </p>
-            <pre>nx connect-to-nx-cloud</pre>
+            <pre>nx connect</pre>
             <a
               href="https://nx.app/?utm_source=nx-project"
               target="_blank"
               rel="noreferrer"
             >
-              {' '} What is Nx Cloud?{' '}
+              What is Nx Cloud?
             </a>
           </div>
           <a

package/src/generators/init/lib/utils.js

@@ -7,6 +7,7 @@ function updateDependencies(host, schema) {
     return (0, devkit_1.addDependenciesToPackageJson)(host, {}, {
         '@nx/nuxt': versions_1.nxVersion,
         nuxt: versions_1.nuxtVersion,
+        '@nx/vite': versions_1.nxVersion,
     }, undefined, schema.keepExistingVersions);
 }
 exports.updateDependencies = updateDependencies;

package/src/migrations/update-18-1-0/add-include-tsconfig.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nx/devkit';
+export default function (tree: Tree): Promise<void>;

package/src/migrations/update-18-1-0/add-include-tsconfig.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const executor_utils_1 = require("../../utils/executor-utils");
+const path_1 = require("path");
+async function default_1(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const project of projects.values()) {
+        const nuxtConfigPath = findNuxtConfig(tree, project.root);
+        if (!nuxtConfigPath) {
+            continue;
+        }
+        const nuxtConfig = await getInfoFromNuxtConfig(nuxtConfigPath, project.root);
+        const buildDir = nuxtConfig.buildDir ?? '.nuxt';
+        const tsConfigPath = (0, devkit_1.joinPathFragments)(project.root, 'tsconfig.json');
+        if (tree.exists(tsConfigPath)) {
+            (0, devkit_1.updateJson)(tree, tsConfigPath, (json) => {
+                if (!json.include) {
+                    json.include = [];
+                }
+                if (!json.include.includes(buildDir + '/nuxt.d.ts')) {
+                    json.include.push(buildDir + '/nuxt.d.ts');
+                }
+                return json;
+            });
+        }
+    }
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = default_1;
+function findNuxtConfig(tree, projectRoot) {
+    const allowsExt = ['js', 'mjs', 'ts', 'cjs', 'mts', 'cts'];
+    for (const ext of allowsExt) {
+        if (tree.exists((0, devkit_1.joinPathFragments)(projectRoot, `nuxt.config.${ext}`))) {
+            return (0, devkit_1.joinPathFragments)(projectRoot, `nuxt.config.${ext}`);
+        }
+    }
+}
+async function getInfoFromNuxtConfig(configFilePath, projectRoot) {
+    const { loadNuxtConfig } = await (0, executor_utils_1.loadNuxtKitDynamicImport)();
+    const config = await loadNuxtConfig({
+        cwd: (0, devkit_1.joinPathFragments)(devkit_1.workspaceRoot, projectRoot),
+        configFile: (0, path_1.basename)(configFilePath),
+    });
+    return {
+        buildDir: config?.buildDir,
+    };
+}

package/src/plugins/plugin.js

@@ -99,12 +99,11 @@ async function getInfoFromNuxtConfig(configFilePath, context, projectRoot) {
 function getOutputs(nuxtConfig, projectRoot) {
     let nuxtBuildDir = nuxtConfig?.buildDir;
     if (nuxtConfig?.buildDir && (0, path_1.basename)(nuxtConfig?.buildDir) === '.nuxt') {
-        // buildDir will most probably be `../dist/my-app/.nuxt`
-        // we want the "general" outputPath to be `../dist/my-app`
+        // if buildDir exists, it will be `something/something/.nuxt`
+        // we want the "general" outputPath to be `something/something`
         nuxtBuildDir = nuxtConfig.buildDir.replace((0, path_1.basename)(nuxtConfig.buildDir), '');
     }
-    const buildOutputPath = normalizeOutputPath(nuxtBuildDir, projectRoot) ??
-        '{workspaceRoot}/dist/{projectRoot}';
+    const buildOutputPath = normalizeOutputPath(nuxtBuildDir, projectRoot);
     return {
         buildOutputs: [buildOutputPath],
     };
@@ -112,10 +111,10 @@ function getOutputs(nuxtConfig, projectRoot) {
 function normalizeOutputPath(outputPath, projectRoot) {
     if (!outputPath) {
         if (projectRoot === '.') {
-            return `{projectRoot}/dist`;
+            return `{projectRoot}`;
         }
         else {
-            return `{workspaceRoot}/dist/{projectRoot}`;
+            return `{workspaceRoot}/{projectRoot}`;
         }
     }
     else {

package/src/utils/add-linting.js

@@ -4,8 +4,8 @@ exports.addLinting = void 0;
 const eslint_1 = require("@nx/eslint");
 const path_1 = require("nx/src/utils/path");
 const devkit_1 = require("@nx/devkit");
-const lint_1 = require("./lint");
 const vue_1 = require("@nx/vue");
+const versions_1 = require("./versions");
 async function addLinting(host, options) {
     const tasks = [];
     if (options.linter === 'eslint') {
@@ -19,10 +19,22 @@ async function addLinting(host, options) {
             addPlugin: true,
         });
         tasks.push(lintTask);
-        (0, devkit_1.updateJson)(host, (0, path_1.joinPathFragments)(options.projectRoot, '.eslintrc.json'), lint_1.extendNuxtEslintJson);
         (0, vue_1.editEslintConfigFiles)(host, options.projectRoot, options.rootProject);
-        const installTask = (0, devkit_1.addDependenciesToPackageJson)(host, lint_1.extraEslintDependencies.dependencies, {
-            ...lint_1.extraEslintDependencies.devDependencies,
+        (0, devkit_1.updateJson)(host, (0, path_1.joinPathFragments)(options.projectRoot, '.eslintrc.json'), (json) => {
+            const { extends: pluginExtends, ignorePatterns: pluginIgnorePatters, ...config } = json;
+            return {
+                extends: ['@nuxt/eslint-config', ...(pluginExtends || [])],
+                ignorePatterns: [
+                    ...(pluginIgnorePatters || []),
+                    '.nuxt/**',
+                    '.output/**',
+                    'node_modules',
+                ],
+                ...config,
+            };
+        });
+        const installTask = (0, devkit_1.addDependenciesToPackageJson)(host, {}, {
+            '@nuxt/eslint-config': versions_1.nuxtEslintConfigVersion,
         });
         tasks.push(installTask);
     }

package/src/utils/create-ts-config.js

@@ -8,7 +8,7 @@ function createTsConfig(host, options, relativePathToRootTsConfig) {
     const json = {
         compilerOptions: {},
         files: [],
-        include: [],
+        include: ['.nuxt/nuxt.d.ts'],
         references: [
             {
                 path: './tsconfig.app.json',

package/src/utils/lint.d.ts

@@ -1,7 +0,0 @@
-export declare const extraEslintDependencies: {
-    dependencies: {};
-    devDependencies: {
-        '@nuxt/eslint-config': string;
-    };
-};
-export declare const extendNuxtEslintJson: (json: any) => any;

package/src/utils/lint.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.extendNuxtEslintJson = exports.extraEslintDependencies = void 0;
-const versions_1 = require("./versions");
-exports.extraEslintDependencies = {
-    dependencies: {},
-    devDependencies: {
-        '@nuxt/eslint-config': versions_1.nuxtEslintConfigVersion,
-    },
-};
-const extendNuxtEslintJson = (json) => {
-    const { extends: pluginExtends, ...config } = json;
-    return {
-        extends: ['@nuxt/eslint-config', ...(pluginExtends || [])],
-        ignorePatterns: ['.nuxt', 'node_modules', '.output'],
-        ...config,
-    };
-};
-exports.extendNuxtEslintJson = extendNuxtEslintJson;