@nx/vue 17.0.2 → 17.0.4

package/LICENSE

@@ -1,6 +1,6 @@
 (The MIT License)
 
-Copyright (c) 2017-2023 Narwhal Technologies Inc.
+Copyright (c) 2017-2024 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/README.md

@@ -1,4 +1,9 @@
-<p style="text-align: center;"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx.png" width="600" alt="Nx - Smart, Fast and Extensible Build System"></p>
+<p style="text-align: center;">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-dark.svg">
+    <img alt="Nx - Smart Monorepos · Fast CI" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-light.svg" width="100%">
+  </picture>
+</p>
 
 <div style="text-align: center;">
 
@@ -15,9 +20,9 @@
 
 <hr>
 
-# Nx: Smart, Fast and Extensible Build System
+# Nx: Smart Monorepos · Fast CI
 
-Nx is a next generation build system with first class monorepo support and powerful integrations.
+Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.
 
 This package is a [Vue plugin for Nx](https://nx.dev/packages/vue).
 
@@ -59,5 +64,5 @@ npx nx@latest init
 - [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
 
 <p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
-width="100%" alt="Nx - Smart, Fast and Extensible Build System"></a></p>
+width="100%" alt="Nx - Smart Monorepos · Fast CI"></a></p>
 

package/generators.json

@@ -10,13 +10,13 @@
       "hidden": true
     },
     "application": {
-      "factory": "./src/generators/application/application",
+      "factory": "./src/generators/application/application#applicationGeneratorInternal",
       "schema": "./src/generators/application/schema.json",
       "aliases": ["app"],
       "description": "Create a Vue application."
     },
     "library": {
-      "factory": "./src/generators/library/library",
+      "factory": "./src/generators/library/library#libraryGeneratorInternal",
       "schema": "./src/generators/library/schema.json",
       "aliases": ["lib"],
       "x-type": "library",
@@ -35,7 +35,7 @@
       "description": "Set up Tailwind configuration for a project."
     },
     "storybook-configuration": {
-      "factory": "./src/generators/storybook-configuration/configuration",
+      "factory": "./src/generators/storybook-configuration/configuration#storybookConfigurationGeneratorInternal",
       "schema": "./src/generators/storybook-configuration/schema.json",
       "description": "Set up storybook for a Vue app or library.",
       "hidden": false

package/index.d.ts

@@ -2,10 +2,12 @@ export * from './src/utils/versions';
 export { applicationGenerator } from './src/generators/application/application';
 export { libraryGenerator } from './src/generators/library/library';
 export { componentGenerator } from './src/generators/component/component';
+export { ComponentGeneratorSchema } from './src/generators/component/schema';
 export { storybookConfigurationGenerator } from './src/generators/storybook-configuration/configuration';
 export { storiesGenerator, StorybookStoriesSchema, } from './src/generators/stories/stories';
+export { setupTailwindGenerator } from './src/generators/setup-tailwind/setup-tailwind';
+export { SetupTailwindOptions } from './src/generators/setup-tailwind/schema';
 export { type InitSchema } from './src/generators/init/schema';
 export { vueInitGenerator } from './src/generators/init/init';
-export { addJest } from './src/generators/application/lib/add-jest';
 export * from './src/utils/versions';
 export * from './src/utils/add-linting';

package/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addJest = exports.vueInitGenerator = exports.storiesGenerator = exports.storybookConfigurationGenerator = exports.componentGenerator = exports.libraryGenerator = exports.applicationGenerator = void 0;
+exports.vueInitGenerator = exports.setupTailwindGenerator = exports.storiesGenerator = exports.storybookConfigurationGenerator = exports.componentGenerator = exports.libraryGenerator = exports.applicationGenerator = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./src/utils/versions"), exports);
 var application_1 = require("./src/generators/application/application");
@@ -13,9 +13,9 @@ var configuration_1 = require("./src/generators/storybook-configuration/configur
 Object.defineProperty(exports, "storybookConfigurationGenerator", { enumerable: true, get: function () { return configuration_1.storybookConfigurationGenerator; } });
 var stories_1 = require("./src/generators/stories/stories");
 Object.defineProperty(exports, "storiesGenerator", { enumerable: true, get: function () { return stories_1.storiesGenerator; } });
+var setup_tailwind_1 = require("./src/generators/setup-tailwind/setup-tailwind");
+Object.defineProperty(exports, "setupTailwindGenerator", { enumerable: true, get: function () { return setup_tailwind_1.setupTailwindGenerator; } });
 var init_1 = require("./src/generators/init/init");
 Object.defineProperty(exports, "vueInitGenerator", { enumerable: true, get: function () { return init_1.vueInitGenerator; } });
-var add_jest_1 = require("./src/generators/application/lib/add-jest");
-Object.defineProperty(exports, "addJest", { enumerable: true, get: function () { return add_jest_1.addJest; } });
 tslib_1.__exportStar(require("./src/utils/versions"), exports);
 tslib_1.__exportStar(require("./src/utils/add-linting"), exports);

package/migrations.json

@@ -1,4 +1,14 @@
 {
   "generators": {},
-  "packageJsonUpdates": {}
+  "packageJsonUpdates": {
+    "17.2.0": {
+      "version": "17.2.0-beta.2",
+      "packages": {
+        "@vitejs/plugin-vue": {
+          "version": "^4.5.0",
+          "alwaysAddToPackageJson": false
+        }
+      }
+    }
+  }
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nx/vue",
-  "version": "17.0.2",
+  "version": "17.0.4",
   "private": false,
-  "description": "The Vue plugin for Nx contains executors and generators for managing Vue applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, 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.",
+  "description": "The Vue plugin for Nx contains executors and generators for managing Vue 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": {
     "type": "git",
     "url": "https://github.com/nrwl/nx.git",
@@ -28,14 +28,13 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "minimatch": "3.0.5",
+    "minimatch": "9.0.3",
     "tslib": "^2.3.0",
-    "@nx/devkit": "17.0.2",
-    "@nx/js": "17.0.2",
-    "@nx/eslint": "17.0.2",
-    "@nx/vite": "17.0.2",
-    "@nx/web": "17.0.2",
-    "@phenomnomnominal/tsquery": "~5.0.1"
+    "@nx/devkit": "17.0.4",
+    "@nx/js": "17.0.4",
+    "@nx/eslint": "17.0.4",
+    "@nx/vite": "17.0.4",
+    "@nx/web": "17.0.4"
   },
   "publishConfig": {
     "access": "public"

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

@@ -1,4 +1,5 @@
 import { GeneratorCallback, Tree } from '@nx/devkit';
 import { Schema } from './schema';
-export declare function applicationGenerator(tree: Tree, _options: Schema): Promise<GeneratorCallback>;
+export declare function applicationGenerator(tree: Tree, options: Schema): Promise<GeneratorCallback>;
+export declare function applicationGeneratorInternal(tree: Tree, _options: Schema): Promise<GeneratorCallback>;
 export default applicationGenerator;

package/src/generators/application/application.js

@@ -1,18 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.applicationGenerator = void 0;
+exports.applicationGeneratorInternal = exports.applicationGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const eslint_1 = require("@nx/eslint");
+const js_1 = require("@nx/js");
 const normalize_options_1 = require("./lib/normalize-options");
 const init_1 = require("../init/init");
 const add_linting_1 = require("../../utils/add-linting");
 const add_e2e_1 = require("./lib/add-e2e");
 const create_application_files_1 = require("./lib/create-application-files");
 const add_vite_1 = require("./lib/add-vite");
-const add_jest_1 = require("./lib/add-jest");
 const create_ts_config_1 = require("../../utils/create-ts-config");
-async function applicationGenerator(tree, _options) {
+const ensure_dependencies_1 = require("../../utils/ensure-dependencies");
+const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
+function applicationGenerator(tree, options) {
+    return applicationGeneratorInternal(tree, { addPlugin: false, ...options });
+}
+exports.applicationGenerator = applicationGenerator;
+async function applicationGeneratorInternal(tree, _options) {
     const options = await (0, normalize_options_1.normalizeOptions)(tree, _options);
+    options.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
     const tasks = [];
     (0, devkit_1.addProjectConfiguration)(tree, options.name, {
         root: options.appProjectRoot,
@@ -20,10 +27,20 @@ async function applicationGenerator(tree, _options) {
         sourceRoot: `${options.appProjectRoot}/src`,
         targets: {},
     });
+    tasks.push(await (0, js_1.initGenerator)(tree, {
+        ...options,
+        tsConfigName: options.rootProject
+            ? 'tsconfig.json'
+            : 'tsconfig.base.json',
+        skipFormat: true,
+    }));
     tasks.push(await (0, init_1.vueInitGenerator)(tree, {
         ...options,
         skipFormat: true,
     }));
+    if (!options.skipPackageJson) {
+        tasks.push((0, ensure_dependencies_1.ensureDependencies)(tree, options));
+    }
     if (!options.rootProject) {
         (0, create_ts_config_1.extractTsConfigBase)(tree);
     }
@@ -36,19 +53,18 @@ async function applicationGenerator(tree, _options) {
         skipPackageJson: options.skipPackageJson,
         setParserOptionsProject: options.setParserOptionsProject,
         rootProject: options.rootProject,
+        addPlugin: options.addPlugin,
     }, 'app'));
     tasks.push(await (0, add_vite_1.addVite)(tree, options));
-    if (options.unitTestRunner === 'jest')
-        tasks.push(await (0, add_jest_1.addJest)(tree, {
-            name: options.name,
-            projectRoot: options.appProjectRoot,
-        }));
     tasks.push(await (0, add_e2e_1.addE2e)(tree, options));
     if (options.js)
         (0, devkit_1.toJS)(tree);
     if (!options.skipFormat)
         await (0, devkit_1.formatFiles)(tree);
+    tasks.push(() => {
+        (0, log_show_project_command_1.logShowProjectCommand)(options.projectName);
+    });
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
-exports.applicationGenerator = applicationGenerator;
+exports.applicationGeneratorInternal = applicationGeneratorInternal;
 exports.default = applicationGenerator;

package/src/generators/application/files/common/src/app/NxWelcome.vue.template

@@ -235,7 +235,8 @@ defineProps<{
         </div>
         <div id="other-links">
           <a
-            class="button-pill nx-console rounded shadow"
+            id="nx-console"
+            class="button-pill rounded shadow"
             href="https://marketplace.visualstudio.com/items?itemName=nrwl.angular-console&utm_source=nx-project"
             target="_blank"
             rel="noreferrer"
@@ -251,23 +252,35 @@ defineProps<{
             </svg>
             <span>
               Install Nx Console for VSCode
-              <span>The official VSCode plugin for Nx.</span>
+              <span>The official VSCode extension for Nx.</span>
             </span>
           </a>
           <a
-            class="button-pill nx-console rounded shadow"
+            id="nx-console-jetbrains"
+            class="button-pill rounded shadow"
             href="https://plugins.jetbrains.com/plugin/21060-nx-console"
             target="_blank"
             rel="noreferrer"
           >
             <svg
-              fill="currentColor"
-              role="img"
-              viewBox="0 0 24 24"
+              height="48"
+              width="48"
+              viewBox="20 20 60 60"
               xmlns="http://www.w3.org/2000/svg"
             >
-              <title>IntelliJ</title>
-              <path d="M0 0v24h24V0zm3.723 3.111h5v1.834h-1.39v6.277h1.39v1.834h-5v-1.834h1.444V4.945H3.723zm11.055 0H17v6.5c0 .612-.055 1.111-.222 1.556-.167.444-.39.777-.723 1.11-.277.279-.666.557-1.11.668a3.933 3.933 0 0 1-1.445.278c-.778 0-1.444-.167-1.944-.445a4.81 4.81 0 0 1-1.279-1.056l1.39-1.555c.277.334.555.555.833.722.277.167.611.278.945.278.389 0 .721-.111 1-.389.221-.278.333-.667.333-1.278zM2.222 19.5h9V21h-9z"></path>
+              <path d="m22.5 22.5h60v60h-60z" />
+              <g fill="#fff">
+                <path d="m29.03 71.25h22.5v3.75h-22.5z" />
+                <path d="m28.09 38 1.67-1.58a1.88 1.88 0 0 0 1.47.87c.64 0 1.06-.44 1.06-1.31v-5.98h2.58v6a3.48 3.48 0 0 1 -.87 2.6 3.56 3.56 0 0 1 -2.57.95 3.84 3.84 0 0 1 -3.34-1.55z" />
+                <path d="m36 30h7.53v2.19h-5v1.44h4.49v2h-4.42v1.49h5v2.21h-7.6z" />
+                <path d="m47.23 32.29h-2.8v-2.29h8.21v2.27h-2.81v7.1h-2.6z" />
+                <path d="m29.13 43.08h4.42a3.53 3.53 0 0 1 2.55.83 2.09 2.09 0 0 1 .6 1.53 2.16 2.16 0 0 1 -1.44 2.09 2.27 2.27 0 0 1 1.86 2.29c0 1.61-1.31 2.59-3.55 2.59h-4.44zm5 2.89c0-.52-.42-.8-1.18-.8h-1.29v1.64h1.24c.79 0 1.25-.26 1.25-.81zm-.9 2.66h-1.57v1.73h1.62c.8 0 1.24-.31 1.24-.86 0-.5-.4-.87-1.27-.87z" />
+                <path d="m38 43.08h4.1a4.19 4.19 0 0 1 3 1 2.93 2.93 0 0 1 .9 2.19 3 3 0 0 1 -1.93 2.89l2.24 3.27h-3l-1.88-2.84h-.87v2.84h-2.56zm4 4.5c.87 0 1.39-.43 1.39-1.11 0-.75-.54-1.12-1.4-1.12h-1.44v2.26z" />
+                <path d="m49.59 43h2.5l4 9.44h-2.79l-.67-1.69h-3.63l-.67 1.69h-2.71zm2.27 5.73-1-2.65-1.06 2.65z" />
+                <path d="m56.46 43.05h2.6v9.37h-2.6z" />
+                <path d="m60.06 43.05h2.42l3.37 5v-5h2.57v9.37h-2.26l-3.53-5.14v5.14h-2.57z" />
+                <path d="m68.86 51 1.45-1.73a4.84 4.84 0 0 0 3 1.13c.71 0 1.08-.24 1.08-.65 0-.4-.31-.6-1.59-.91-2-.46-3.53-1-3.53-2.93 0-1.74 1.37-3 3.62-3a5.89 5.89 0 0 1 3.86 1.25l-1.26 1.84a4.63 4.63 0 0 0 -2.62-.92c-.63 0-.94.25-.94.6 0 .42.32.61 1.63.91 2.14.46 3.44 1.16 3.44 2.91 0 1.91-1.51 3-3.79 3a6.58 6.58 0 0 1 -4.35-1.5z" />
+              </g>
             </svg>
             <span>
               Install Nx Console for JetBrains
@@ -296,7 +309,7 @@ defineProps<{
                 />
               </svg>
               <h2>
-                NxCloud
+                Nx Cloud
                 <span>Enable faster CI & better DX</span>
               </h2>
             </div>
@@ -304,14 +317,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
@@ -359,11 +371,30 @@ defineProps<{
           </summary>
           <pre>
             <span># Generate UI lib</span>
-            nx g @nx/react:lib ui
+            nx g @nx/vue:lib ui
             <span># Add a component</span>
-            nx g @nx/react:component button --project ui
+            nx g @nx/vue:component ui/src/lib/button
           </pre>
         </details>
+        <details>
+          <summary>
+            <svg
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
+                d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+              />
+            </svg>
+            View project details
+          </summary>
+          <pre>nx show project {{ title }} --web</pre>
+        </details>
         <details>
           <summary>
             <svg
@@ -653,12 +684,21 @@ pre {
 .button-pill:hover {
   color: rgba(255, 255, 255, 1) !important;
 }
-.nx-console:hover {
+#nx-console:hover {
   background-color: rgba(0, 122, 204, 1);
 }
-.nx-console svg {
+#nx-console svg {
   color: rgba(0, 122, 204, 1);
 }
+#nx-console-jetbrains {
+      margin-top: 2rem;
+    }
+#nx-console-jetbrains:hover {
+  background-color: rgba(255, 49, 140, 1);
+}
+#nx-console-jetbrains svg {
+  color: rgba(255, 49, 140, 1);
+}
 #nx-repo:hover {
   background-color: rgba(24, 23, 23, 1);
 }

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

@@ -7,10 +7,17 @@ const versions_1 = require("../../../utils/versions");
 async function addE2e(tree, options) {
     switch (options.e2eTestRunner) {
         case 'cypress': {
-            (0, web_1.webStaticServeGenerator)(tree, {
-                buildTarget: `${options.projectName}:build`,
-                targetName: 'serve-static',
-            });
+            const nxJson = (0, devkit_1.readNxJson)(tree);
+            const hasPlugin = nxJson.plugins?.some((p) => typeof p === 'string'
+                ? p === '@nx/vite/plugin'
+                : p.plugin === '@nx/vite/plugin');
+            if (!hasPlugin) {
+                await (0, web_1.webStaticServeGenerator)(tree, {
+                    buildTarget: `${options.projectName}:build`,
+                    targetName: 'serve-static',
+                    spa: true,
+                });
+            }
             const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
             (0, devkit_1.addProjectConfiguration)(tree, options.e2eProjectName, {
                 projectType: 'application',
@@ -27,6 +34,7 @@ async function addE2e(tree, options) {
                 bundler: 'vite',
                 skipFormat: true,
                 devServerTarget: `${options.projectName}:serve`,
+                baseUrl: 'http://localhost:4200',
                 jsx: true,
             });
         }
@@ -40,6 +48,7 @@ async function addE2e(tree, options) {
                 implicitDependencies: [options.projectName],
             });
             return configurationGenerator(tree, {
+                ...options,
                 project: options.e2eProjectName,
                 skipFormat: true,
                 skipPackageJson: options.skipPackageJson,

package/src/generators/application/lib/add-vite.js

@@ -13,6 +13,7 @@ async function addVite(tree, options) {
         includeVitest: options.unitTestRunner === 'vitest',
         skipFormat: true,
         testEnvironment: 'jsdom',
+        addPlugin: options.addPlugin,
     });
     (0, vite_1.createOrEditViteConfig)(tree, {
         project: options.name,
@@ -25,8 +26,10 @@ async function addVite(tree, options) {
     // Update build to skip type checking since tsc won't work on .vue files.
     // Need to use vue-tsc instead.
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.name);
-    projectConfig.targets.build.options.skipTypeCheck = true;
-    (0, devkit_1.updateProjectConfiguration)(tree, options.name, projectConfig);
+    if (projectConfig.targets?.build?.options) {
+        projectConfig.targets.build.options.skipTypeCheck = true;
+        (0, devkit_1.updateProjectConfiguration)(tree, options.name, projectConfig);
+    }
     return viteTask;
 }
 exports.addVite = addVite;

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

@@ -8,7 +8,7 @@ export interface Schema {
   directory?: string;
   projectNameAndRootFormat?: ProjectNameAndRootFormat;
   tags?: string;
-  unitTestRunner?: 'jest' | 'vitest' | 'none';
+  unitTestRunner?: 'vitest' | 'none';
   inSourceTests?: boolean;
   e2eTestRunner: 'cypress' | 'playwright' | 'none';
   linter: Linter;
@@ -18,6 +18,7 @@ export interface Schema {
   setParserOptionsProject?: boolean;
   skipPackageJson?: boolean;
   rootProject?: boolean;
+  addPlugin?: boolean;
 }
 
 export interface NormalizedSchema extends Schema {

package/src/generators/application/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxVueApp",
   "title": "Create a Vue Application",
@@ -52,11 +52,11 @@
           },
           {
             "value": "scss",
-            "label": "SASS(.scss)       [ http://sass-lang.com                     ]"
+            "label": "SASS(.scss)       [ https://sass-lang.com                     ]"
           },
           {
             "value": "less",
-            "label": "LESS              [ http://lesscss.org                       ]"
+            "label": "LESS              [ https://lesscss.org                       ]"
           },
           {
             "value": "none",
@@ -85,7 +85,7 @@
     },
     "unitTestRunner": {
       "type": "string",
-      "enum": ["jest", "vitest", "none"],
+      "enum": ["vitest", "none"],
       "description": "Test runner to use for unit tests.",
       "x-prompt": "Which unit test runner would you like to use?",
       "default": "vitest"

package/src/generators/component/component.d.ts

@@ -1,5 +1,5 @@
 import { Tree } from '@nx/devkit';
-import { Schema } from './schema';
-export declare function componentGenerator(host: Tree, schema: Schema): Promise<void>;
-export declare function componentGeneratorInternal(host: Tree, schema: Schema): Promise<void>;
+import { ComponentGeneratorSchema } from './schema';
+export declare function componentGenerator(host: Tree, schema: ComponentGeneratorSchema): Promise<void>;
+export declare function componentGeneratorInternal(host: Tree, schema: ComponentGeneratorSchema): Promise<void>;
 export default componentGenerator;

package/src/generators/component/lib/utils.d.ts

@@ -1,4 +1,4 @@
 import { Tree } from '@nx/devkit';
-import { NormalizedSchema, Schema } from '../schema';
-export declare function normalizeOptions(host: Tree, options: Schema): Promise<NormalizedSchema>;
+import { NormalizedSchema, ComponentGeneratorSchema } from '../schema';
+export declare function normalizeOptions(host: Tree, options: ComponentGeneratorSchema): Promise<NormalizedSchema>;
 export declare function addExportsToBarrel(host: Tree, options: NormalizedSchema): void;

package/src/generators/component/schema.d.ts

@@ -1,4 +1,4 @@
-export interface Schema {
+export interface ComponentGeneratorSchema {
   name: string;
   skipTests?: boolean;
   directory?: string;
@@ -11,24 +11,24 @@ export interface Schema {
   nameAndDirectoryFormat?: 'as-provided' | 'derived';
 
   /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19.
    */
   flat?: boolean;
   /**
-   * @deprecated Provide the desired `directory` option instead and use the `as-provided` format. It will be removed in Nx v18.
+   * @deprecated Provide the desired `directory` option instead and use the `as-provided` format. It will be removed in Nx v19.
    */
   pascalCaseDirectory?: boolean;
   /**
-   * @deprecated Provide the desired `name` option instead and use the `as-provided` format. It will be removed in Nx v18.
+   * @deprecated Provide the desired `name` option instead and use the `as-provided` format. It will be removed in Nx v19.
    */
   pascalCaseFiles?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v19.
    */
   project?: string;
 }
 
-export interface NormalizedSchema extends Schema {
+export interface NormalizedSchema extends ComponentGeneratorSchema {
   projectName: string;
   projectSourceRoot: string;
   fileName: string;

package/src/generators/component/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxVueComponent",
   "title": "Create a Vue Component",
@@ -7,12 +7,8 @@
   "type": "object",
   "examples": [
     {
-      "command": "nx g component my-component --project=mylib",
-      "description": "Generate a component in the `mylib` library"
-    },
-    {
-      "command": "nx g component my-component --project=mylib --classComponent",
-      "description": "Generate a class component in the `mylib` library"
+      "command": "nx g @nx/vue:component --directory=my-app/src/app/one --name=one --nameAndDirectoryFormat=as-provided --unitTestRunner=vitest",
+      "description": "Generate a component in the `my-app` application"
     }
   ],
   "properties": {
@@ -23,7 +19,7 @@
       "$default": {
         "$source": "projectName"
       },
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19."
     },
     "name": {
       "type": "string",
@@ -61,7 +57,7 @@
       "type": "boolean",
       "description": "Create component at the source root rather than its own directory.",
       "default": false,
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19."
     },
     "export": {
       "type": "boolean",
@@ -75,14 +71,14 @@
       "description": "Use pascal case component file name (e.g. `App.tsx`).",
       "alias": "P",
       "default": false,
-      "x-deprecated": "Provide the desired `name` option instead and use the `as-provided` format. It will be removed in Nx v18."
+      "x-deprecated": "Provide the desired `name` option instead and use the `as-provided` format. It will be removed in Nx v19."
     },
     "pascalCaseDirectory": {
       "type": "boolean",
       "description": "Use pascal case directory name (e.g. `App/App.tsx`).",
       "alias": "R",
       "default": false,
-      "x-deprecated": "Provide the desired `directory` option instead and use the `as-provided` format. It will be removed in Nx v18."
+      "x-deprecated": "Provide the desired `directory` option instead and use the `as-provided` format. It will be removed in Nx v19."
     },
     "routing": {
       "type": "boolean",
@@ -102,13 +98,7 @@
       "type": "boolean",
       "default": false,
       "x-priority": "internal"
-    },
-    "unitTestRunner": {
-      "type": "string",
-      "enum": ["vitest", "jest", "none"],
-      "description": "Test runner to use for unit tests.",
-      "x-prompt": "What unit test runner should be used?"
     }
   },
-  "required": ["name", "project"]
+  "required": ["name"]
 }