@nx/nuxt 20.3.1 → 20.4.0-beta.0

package/LICENSE

@@ -1,6 +1,6 @@
 (The MIT License)
 
-Copyright (c) 2017-2024 Narwhal Technologies Inc.
+Copyright (c) 2017-2025 Narwhal Technologies Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/nuxt",
-  "version": "20.3.1",
+  "version": "20.4.0-beta.0",
   "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": {
@@ -31,11 +31,11 @@
   "dependencies": {
     "tslib": "^2.3.0",
     "@nuxt/kit": "^3.10.0",
-    "@nx/devkit": "20.3.1",
-    "@nx/js": "20.3.1",
-    "@nx/eslint": "20.3.1",
-    "@nx/vue": "20.3.1",
-    "@nx/vite": "20.3.1",
+    "@nx/devkit": "20.4.0-beta.0",
+    "@nx/js": "20.4.0-beta.0",
+    "@nx/eslint": "20.4.0-beta.0",
+    "@nx/vue": "20.4.0-beta.0",
+    "@nx/vite": "20.4.0-beta.0",
     "@phenomnomnominal/tsquery": "~5.0.1"
   },
   "peerDependencies": {

package/src/generators/application/application.js

@@ -108,6 +108,22 @@ async function applicationGenerator(tree, schema) {
     tasks.push(await (0, add_e2e_1.addE2e)(tree, options));
     if (options.js)
         (0, devkit_1.toJS)(tree);
+    if (options.isUsingTsSolutionConfig) {
+        (0, ts_solution_setup_1.updateTsconfigFiles)(tree, options.appProjectRoot, 'tsconfig.app.json', {
+            jsx: 'preserve',
+            jsxImportSource: 'vue',
+            module: 'esnext',
+            moduleResolution: 'bundler',
+            resolveJsonModule: true,
+        }, options.linter === 'eslint'
+            ? ['eslint.config.js', 'eslint.config.cjs', 'eslint.config.mjs']
+            : undefined);
+    }
+    // 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) {
+        (0, ts_solution_setup_1.addProjectToTsSolutionWorkspace)(tree, options.appProjectRoot);
+    }
     if (!options.skipFormat)
         await (0, devkit_1.formatFiles)(tree);
     tasks.push(() => {
@@ -121,17 +137,6 @@ async function applicationGenerator(tree, schema) {
             console.error(`Failed to run \`nuxi prepare\` in "${options.appProjectRoot}". Please run the command manually.`);
         }
     });
-    if (options.isUsingTsSolutionConfig) {
-        (0, ts_solution_setup_1.updateTsconfigFiles)(tree, options.appProjectRoot, 'tsconfig.app.json', {
-            jsx: 'preserve',
-            jsxImportSource: 'vue',
-            module: 'esnext',
-            moduleResolution: 'bundler',
-            resolveJsonModule: true,
-        }, options.linter === 'eslint'
-            ? ['eslint.config.js', 'eslint.config.cjs', 'eslint.config.mjs']
-            : undefined);
-    }
     tasks.push(() => {
         (0, log_show_project_command_1.logShowProjectCommand)(options.projectName);
     });

package/src/generators/init/init.js

@@ -9,6 +9,8 @@ async function nuxtInitGenerator(host, schema) {
     await (0, add_plugin_1.addPluginV1)(host, await (0, devkit_1.createProjectGraphAsync)(), '@nx/nuxt/plugin', plugin_1.createNodes, {
         buildTargetName: ['build', 'nuxt:build', 'nuxt-build'],
         serveTargetName: ['serve', 'nuxt:serve', 'nuxt-serve'],
+        buildDepsTargetName: ['build-deps', 'nuxt:build-deps', 'nuxt-build-deps'],
+        watchDepsTargetName: ['watch-deps', 'nuxt:watch-deps', 'nuxt-watch-deps'],
     }, schema.updatePackageScripts);
     let installTask = () => { };
     if (!schema.skipPackageJson) {

package/src/plugins/plugin.d.ts

@@ -5,5 +5,7 @@ export interface NuxtPluginOptions {
     serveTargetName?: string;
     serveStaticTargetName?: string;
     buildStaticTargetName?: string;
+    buildDepsTargetName?: string;
+    watchDepsTargetName?: string;
 }
 export declare const createNodes: CreateNodes<NuxtPluginOptions>;

package/src/plugins/plugin.js

@@ -10,8 +10,10 @@ 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 util_1 = require("@nx/js/src/plugins/typescript/util");
 const cachePath = (0, path_1.join)(cache_directory_1.workspaceDataDirectory, 'nuxt.hash');
 const targetsCache = readTargetsCache();
+const pmc = (0, devkit_1.getPackageManagerCommand)();
 function readTargetsCache() {
     return (0, fs_1.existsSync)(cachePath) ? (0, devkit_1.readJsonFile)(cachePath) : {};
 }
@@ -59,6 +61,7 @@ async function buildNuxtTargets(configFilePath, projectRoot, options, context) {
     targets[options.serveTargetName] = serveTarget(projectRoot);
     targets[options.serveStaticTargetName] = serveStaticTarget(options);
     targets[options.buildStaticTargetName] = buildStaticTarget(options.buildStaticTargetName, namedInputs, buildOutputs, projectRoot);
+    (0, util_1.addBuildAndWatchDepsTargets)(context.workspaceRoot, projectRoot, targets, options, pmc);
     return targets;
 }
 function buildTarget(buildTargetName, namedInputs, buildOutputs, projectRoot) {