@nx/vue 17.0.3 → 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,8 +2,11 @@ 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 * from './src/utils/versions';

package/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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,6 +13,8 @@ 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; } });
 tslib_1.__exportStar(require("./src/utils/versions"), 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.3",
+  "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,13 +28,13 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "minimatch": "3.0.5",
+    "minimatch": "9.0.3",
     "tslib": "^2.3.0",
-    "@nx/devkit": "17.0.3",
-    "@nx/js": "17.0.3",
-    "@nx/eslint": "17.0.3",
-    "@nx/vite": "17.0.3",
-    "@nx/web": "17.0.3"
+    "@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,8 +1,9 @@
 "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");
@@ -10,8 +11,15 @@ 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 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,
@@ -19,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);
     }
@@ -35,6 +53,7 @@ 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));
     tasks.push(await (0, add_e2e_1.addE2e)(tree, options));
@@ -42,7 +61,10 @@ async function applicationGenerator(tree, _options) {
         (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

@@ -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",

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",

package/src/generators/init/init.js

@@ -2,40 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.vueInitGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
-const js_1 = require("@nx/js");
 const versions_1 = require("../../utils/versions");
 function updateDependencies(host, schema) {
-    (0, devkit_1.removeDependenciesFromPackageJson)(host, ['@nx/vue'], []);
-    let dependencies = {
-        vue: versions_1.vueVersion,
-    };
-    let devDependencies = {
-        '@nx/vue': versions_1.nxVersion,
-        '@vue/tsconfig': versions_1.vueTsconfigVersion,
-        '@vue/test-utils': versions_1.vueTestUtilsVersion,
-        '@vitejs/plugin-vue': versions_1.vitePluginVueVersion,
-        'vue-tsc': versions_1.vueTscVersion,
-    };
-    if (schema.routing) {
-        dependencies['vue-router'] = versions_1.vueRouterVersion;
-    }
-    if (schema.style === 'scss') {
-        devDependencies['sass'] = versions_1.sassVersion;
-    }
-    else if (schema.style === 'less') {
-        devDependencies['less'] = versions_1.lessVersion;
-    }
-    return (0, devkit_1.addDependenciesToPackageJson)(host, dependencies, devDependencies);
-}
-async function vueInitGenerator(host, schema) {
     const tasks = [];
-    tasks.push(await (0, js_1.initGenerator)(host, {
-        ...schema,
-        tsConfigName: schema.rootProject ? 'tsconfig.json' : 'tsconfig.base.json',
-        skipFormat: true,
-    }));
-    tasks.push(updateDependencies(host, schema));
+    tasks.push((0, devkit_1.removeDependenciesFromPackageJson)(host, ['@nx/vue'], []));
+    tasks.push((0, devkit_1.addDependenciesToPackageJson)(host, { vue: versions_1.vueVersion }, { '@nx/vue': versions_1.nxVersion }, undefined, schema.keepExistingVersions));
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
+async function vueInitGenerator(host, schema) {
+    let installTask = () => { };
+    if (!schema.skipPackageJson) {
+        installTask = updateDependencies(host, schema);
+    }
+    if (!schema.skipFormat) {
+        await (0, devkit_1.formatFiles)(host);
+    }
+    return installTask;
+}
 exports.vueInitGenerator = vueInitGenerator;
 exports.default = vueInitGenerator;

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

@@ -1,7 +1,5 @@
 export interface InitSchema {
   skipFormat?: boolean;
-  js?: boolean;
-  rootProject?: boolean;
-  routing?: boolean;
-  style?: 'css' | 'scss' | 'less' | 'none';
+  skipPackageJson?: boolean;
+  keepExistingVersions?: boolean;
 }

package/src/generators/init/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxVueInit",
   "title": "Init Vue Plugin",
   "description": "Initialize a Vue Plugin.",
@@ -11,26 +11,16 @@
       "type": "boolean",
       "default": false
     },
-    "js": {
+    "skipPackageJson": {
+      "description": "Do not add dependencies to `package.json`.",
       "type": "boolean",
-      "description": "Use JavaScript instead of TypeScript",
       "default": false
     },
-    "rootProject": {
-      "description": "Create a project at the root of the workspace",
+    "keepExistingVersions": {
       "type": "boolean",
+      "x-priority": "internal",
+      "description": "Keep existing dependencies versions",
       "default": false
-    },
-    "routing": {
-      "type": "boolean",
-      "description": "Generate application with routes.",
-      "x-prompt": "Would you like to add Vue Router to this application?",
-      "default": false
-    },
-    "style": {
-      "description": "The file extension to be used for style files.",
-      "type": "string",
-      "default": "css"
     }
   },
   "required": []

package/src/generators/library/files/tsconfig.lib.json__tmpl__

@@ -2,16 +2,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "<%= offsetFromRoot %>dist/out-tsc",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    },
     "types": [],
-    "lib": [
-      "ES2016",
-      "DOM",
-      "DOM.Iterable"
-      ],
   },
   "exclude": [
     "src/**/__tests__/*", 
@@ -22,7 +13,9 @@
     "src/**/*.spec.js", 
     "src/**/*.test.js", 
     "src/**/*.spec.jsx", 
-    "src/**/*.test.jsx"
+    "src/**/*.test.jsx",
+    "src/**/*.spec.vue",
+    "src/**/*.test.vue"
     ],
   "include": [
     "src/**/*.js", 

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

@@ -17,6 +17,7 @@ async function addVite(tree, options) {
             includeVitest: options.unitTestRunner === 'vitest',
             skipFormat: true,
             testEnvironment: 'jsdom',
+            addPlugin: options.addPlugin,
         });
         tasks.push(viteTask);
         createOrEditViteConfig(tree, {
@@ -36,10 +37,11 @@ async function addVite(tree, options) {
         const vitestTask = await vitestGenerator(tree, {
             uiFramework: 'none',
             project: options.name,
-            coverageProvider: 'c8',
+            coverageProvider: 'v8',
             inSourceTests: options.inSourceTests,
             skipFormat: true,
             testEnvironment: 'jsdom',
+            addPlugin: options.addPlugin,
         });
         tasks.push(vitestTask);
         createOrEditViteConfig(tree, {

package/src/generators/library/lib/normalize-options.js

@@ -24,6 +24,7 @@ async function normalizeOptions(host, options) {
         }
     }
     const normalized = {
+        addPlugin: process.env.NX_ADD_PLUGINS !== 'false',
         ...options,
         bundler,
         fileName,

package/src/generators/library/library.d.ts

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

package/src/generators/library/library.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.libraryGenerator = void 0;
+exports.libraryGeneratorInternal = exports.libraryGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
 const init_1 = require("../init/init");
@@ -10,7 +10,13 @@ const create_library_files_1 = require("./lib/create-library-files");
 const create_ts_config_1 = require("../../utils/create-ts-config");
 const component_1 = require("../component/component");
 const add_vite_1 = require("./lib/add-vite");
-async function libraryGenerator(tree, schema) {
+const ensure_dependencies_1 = require("../../utils/ensure-dependencies");
+const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
+function libraryGenerator(tree, schema) {
+    return libraryGeneratorInternal(tree, { addPlugin: false, ...schema });
+}
+exports.libraryGenerator = libraryGenerator;
+async function libraryGeneratorInternal(tree, schema) {
     const tasks = [];
     const options = await (0, normalize_options_1.normalizeOptions)(tree, schema);
     if (options.publishable === true && !schema.importPath) {
@@ -23,10 +29,14 @@ async function libraryGenerator(tree, schema) {
         tags: options.parsedTags,
         targets: {},
     });
+    tasks.push(await (0, js_1.initGenerator)(tree, { ...schema, 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));
+    }
     (0, create_ts_config_1.extractTsConfigBase)(tree);
     tasks.push(await (0, add_linting_1.addLinting)(tree, options, 'lib'));
     (0, create_library_files_1.createLibraryFiles)(tree, options);
@@ -61,7 +71,10 @@ async function libraryGenerator(tree, schema) {
         (0, devkit_1.toJS)(tree);
     if (!options.skipFormat)
         await (0, devkit_1.formatFiles)(tree);
+    tasks.push(() => {
+        (0, log_show_project_command_1.logShowProjectCommand)(options.name);
+    });
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
-exports.libraryGenerator = libraryGenerator;
+exports.libraryGeneratorInternal = libraryGeneratorInternal;
 exports.default = libraryGenerator;

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

@@ -25,6 +25,7 @@ export interface Schema {
   unitTestRunner?: 'vitest' | 'none';
   minimal?: boolean;
   e2eTestRunner?: 'cypress' | 'none';
+  addPlugin?: boolean;
 }
 
 export interface NormalizedSchema extends Schema {

package/src/generators/library/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxVueLibrary",
   "title": "Create a Vue Library",

package/src/generators/setup-tailwind/lib/add-tailwind-style-imports.js

@@ -7,12 +7,19 @@ const knownStylesheetLocations = [
     'src/styles.css',
     'src/styles.scss',
     'src/styles.less',
+    // What we generate for nuxt by default
+    'src/assets/css/styles.css',
+    'src/assets/css/styles.scss',
+    'src/assets/css/styles.less',
     // Other common locations (e.g. what `npm create vue` does)
     'src/assets/styles.css',
     'src/assets/styles.scss',
     'src/assets/styles.less',
 ];
 function addTailwindStyleImports(tree, project, _options) {
+    if (_options.stylesheet) {
+        knownStylesheetLocations.push(_options.stylesheet);
+    }
     const stylesPath = knownStylesheetLocations
         .map((file) => (0, devkit_1.joinPathFragments)(project.root, file))
         .find((file) => tree.exists(file));

package/src/generators/setup-tailwind/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxVueTailwindSetupGenerator",
   "title": "Configures Tailwind CSS for an application or a library.",

package/src/generators/stories/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxVueStorybookStories",
   "title": "Generate Vue Storybook stories",

package/src/generators/stories/stories.js

@@ -5,13 +5,13 @@ const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
 const versions_1 = require("../../utils/versions");
 const component_story_1 = require("./lib/component-story");
-const minimatch = require("minimatch");
+const minimatch_1 = require("minimatch");
 async function createAllStories(tree, projectName, interactionTests, js, projectConfiguration, ignorePaths) {
-    const { sourceRoot, root } = projectConfiguration;
+    const { sourceRoot } = projectConfiguration;
     let componentPaths = [];
     const pathsToCheck = [
-        (0, devkit_1.joinPathFragments)(sourceRoot, 'app'),
-        (0, devkit_1.joinPathFragments)(sourceRoot, 'lib'),
+        (0, devkit_1.joinPathFragments)(sourceRoot, 'app'), // Default component folder for apps
+        (0, devkit_1.joinPathFragments)(sourceRoot, 'lib'), // Default component folder for libs
         (0, devkit_1.joinPathFragments)(sourceRoot, 'components'), // Additional component folder used by Nuxt
     ];
     for (const p of pathsToCheck) {
@@ -19,7 +19,7 @@ async function createAllStories(tree, projectName, interactionTests, js, project
             // Ignore private files starting with "_".
             if ((0, path_1.basename)(path).startsWith('_'))
                 return;
-            if (ignorePaths?.some((pattern) => minimatch(path, pattern)))
+            if (ignorePaths?.some((pattern) => (0, minimatch_1.minimatch)(path, pattern)))
                 return;
             if (path.endsWith('.vue')) {
                 // Let's see if the .stories.* file exists

package/src/generators/storybook-configuration/configuration.d.ts

@@ -1,4 +1,5 @@
 import { StorybookConfigureSchema } from './schema';
 import { Tree } from '@nx/devkit';
 export declare function storybookConfigurationGenerator(host: Tree, schema: StorybookConfigureSchema): Promise<import("@nx/devkit").GeneratorCallback>;
+export declare function storybookConfigurationGeneratorInternal(host: Tree, schema: StorybookConfigureSchema): Promise<import("@nx/devkit").GeneratorCallback>;
 export default storybookConfigurationGenerator;

package/src/generators/storybook-configuration/configuration.js

@@ -1,29 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.storybookConfigurationGenerator = void 0;
+exports.storybookConfigurationGeneratorInternal = exports.storybookConfigurationGenerator = void 0;
 const stories_1 = require("../stories/stories");
 const devkit_1 = require("@nx/devkit");
 const versions_1 = require("../../utils/versions");
 async function generateStories(host, schema) {
     await (0, stories_1.default)(host, {
-        project: schema.name,
+        project: schema.project,
         js: schema.js,
         ignorePaths: schema.ignorePaths,
         skipFormat: true,
         interactionTests: schema.interactionTests ?? true,
     });
 }
-async function storybookConfigurationGenerator(host, schema) {
+function storybookConfigurationGenerator(host, schema) {
+    return storybookConfigurationGeneratorInternal(host, {
+        addPlugin: false,
+        ...schema,
+    });
+}
+exports.storybookConfigurationGenerator = storybookConfigurationGenerator;
+async function storybookConfigurationGeneratorInternal(host, schema) {
     const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/storybook', versions_1.nxVersion);
     const installTask = await configurationGenerator(host, {
-        name: schema.name,
+        project: schema.project,
         js: schema.js,
         linter: schema.linter,
-        tsConfiguration: schema.tsConfiguration ?? true,
-        interactionTests: schema.interactionTests ?? true,
+        tsConfiguration: schema.tsConfiguration ?? true, // default is true
+        interactionTests: schema.interactionTests ?? true, // default is true
         configureStaticServe: schema.configureStaticServe,
         uiFramework: '@storybook/vue3-vite',
         skipFormat: true,
+        addPlugin: schema.addPlugin,
     });
     if (schema.generateStories) {
         await generateStories(host, schema);
@@ -31,5 +39,5 @@ async function storybookConfigurationGenerator(host, schema) {
     await (0, devkit_1.formatFiles)(host);
     return installTask;
 }
-exports.storybookConfigurationGenerator = storybookConfigurationGenerator;
+exports.storybookConfigurationGeneratorInternal = storybookConfigurationGeneratorInternal;
 exports.default = storybookConfigurationGenerator;

package/src/generators/storybook-configuration/schema.d.ts

@@ -1,7 +1,7 @@
 import { Linter } from '@nx/eslint';
 
 export interface StorybookConfigureSchema {
-  name: string;
+  project: string;
   interactionTests?: boolean;
   generateStories?: boolean;
   js?: boolean;
@@ -9,4 +9,5 @@ export interface StorybookConfigureSchema {
   linter?: Linter;
   ignorePaths?: string[];
   configureStaticServe?: boolean;
+  addPlugin?: boolean;
 }

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

@@ -1,14 +1,14 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxVueStorybookConfigure",
   "title": "Vue Storybook Configure",
   "description": "Set up Storybook for a Vue project.",
   "type": "object",
   "properties": {
-    "name": {
+    "project": {
       "type": "string",
-      "aliases": ["project", "projectName"],
+      "aliases": ["name", "projectName"],
       "description": "Project for which to generate Storybook configuration.",
       "$default": {
         "$source": "argv",
@@ -75,6 +75,6 @@
       ]
     }
   },
-  "required": ["name"],
+  "required": ["project"],
   "examplesFile": "../../../docs/storybook-configuration-examples.md"
 }

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

@@ -8,5 +8,6 @@ export declare function addLinting(host: Tree, options: {
     setParserOptionsProject?: boolean;
     skipPackageJson?: boolean;
     rootProject?: boolean;
+    addPlugin?: boolean;
 }, projectType: 'lib' | 'app'): Promise<import("@nx/devkit").GeneratorCallback>;
 export declare function editEslintConfigFiles(tree: Tree, projectRoot: string, rootProject?: boolean): void;

package/src/utils/add-linting.js

@@ -6,7 +6,6 @@ const path_1 = require("nx/src/utils/path");
 const devkit_1 = require("@nx/devkit");
 const lint_1 = require("./lint");
 const eslint_file_1 = require("@nx/eslint/src/generators/utils/eslint-file");
-const lint_project_1 = require("@nx/eslint/src/generators/lint-project/lint-project");
 async function addLinting(host, options, projectType) {
     if (options.linter === eslint_1.Linter.EsLint) {
         const lintTask = await (0, eslint_1.lintProjectGenerator)(host, {
@@ -16,12 +15,10 @@ async function addLinting(host, options, projectType) {
                 (0, path_1.joinPathFragments)(options.projectRoot, `tsconfig.${projectType}.json`),
             ],
             unitTestRunner: options.unitTestRunner,
-            eslintFilePatterns: [
-                (0, lint_project_1.mapLintPattern)(options.projectRoot, '{ts,tsx,js,jsx,vue}', options.rootProject),
-            ],
             skipFormat: true,
             setParserOptionsProject: options.setParserOptionsProject,
             rootProject: options.rootProject,
+            addPlugin: options.addPlugin,
         });
         if ((0, eslint_file_1.isEslintConfigSupported)(host)) {
             (0, eslint_file_1.addExtendsToLintConfig)(host, options.projectRoot, [

package/src/utils/ensure-dependencies.d.ts

@@ -0,0 +1,6 @@
+import { type GeneratorCallback, type Tree } from '@nx/devkit';
+export type EnsureDependenciesOptions = {
+    routing?: boolean;
+    style?: 'scss' | 'less' | 'none' | 'css';
+};
+export declare function ensureDependencies(tree: Tree, options: EnsureDependenciesOptions): GeneratorCallback;

package/src/utils/ensure-dependencies.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ensureDependencies = void 0;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("./versions");
+function ensureDependencies(tree, options) {
+    const dependencies = {};
+    const devDependencies = {
+        '@vue/test-utils': versions_1.vueTestUtilsVersion,
+        '@vitejs/plugin-vue': versions_1.vitePluginVueVersion,
+        'vue-tsc': versions_1.vueTscVersion,
+    };
+    if (options.routing) {
+        dependencies['vue-router'] = versions_1.vueRouterVersion;
+    }
+    if (options.style === 'scss') {
+        devDependencies['sass'] = versions_1.sassVersion;
+    }
+    else if (options.style === 'less') {
+        devDependencies['less'] = versions_1.lessVersion;
+    }
+    return (0, devkit_1.addDependenciesToPackageJson)(tree, dependencies, devDependencies);
+}
+exports.ensureDependencies = ensureDependencies;

package/src/utils/versions.d.ts

@@ -2,9 +2,8 @@ export declare const nxVersion: any;
 export declare const vueVersion = "^3.3.4";
 export declare const vueTscVersion = "^1.8.8";
 export declare const vueRouterVersion = "^4.2.4";
-export declare const vueTsconfigVersion = "^0.4.0";
 export declare const vueTestUtilsVersion = "^2.4.1";
-export declare const vitePluginVueVersion = "^4.3.1";
+export declare const vitePluginVueVersion = "^4.5.0";
 export declare const vueEslintConfigPrettierVersion = "7.1.0";
 export declare const vueEslintConfigTypescriptVersion = "^11.0.3";
 export declare const eslintPluginVueVersion = "^9.16.1";

package/src/utils/versions.js

@@ -1,16 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.lessVersion = exports.sassVersion = exports.autoprefixerVersion = exports.tailwindcssVersion = exports.postcssVersion = exports.eslintPluginVueVersion = exports.vueEslintConfigTypescriptVersion = exports.vueEslintConfigPrettierVersion = exports.vitePluginVueVersion = exports.vueTestUtilsVersion = exports.vueTsconfigVersion = exports.vueRouterVersion = exports.vueTscVersion = exports.vueVersion = exports.nxVersion = void 0;
+exports.lessVersion = exports.sassVersion = exports.autoprefixerVersion = exports.tailwindcssVersion = exports.postcssVersion = exports.eslintPluginVueVersion = exports.vueEslintConfigTypescriptVersion = exports.vueEslintConfigPrettierVersion = exports.vitePluginVueVersion = exports.vueTestUtilsVersion = exports.vueRouterVersion = exports.vueTscVersion = exports.vueVersion = exports.nxVersion = void 0;
 exports.nxVersion = require('../../package.json').version;
 // vue core
 exports.vueVersion = '^3.3.4';
 exports.vueTscVersion = '^1.8.8';
 exports.vueRouterVersion = '^4.2.4';
-// build deps
-exports.vueTsconfigVersion = '^0.4.0';
 // test deps
 exports.vueTestUtilsVersion = '^2.4.1';
-exports.vitePluginVueVersion = '^4.3.1';
+exports.vitePluginVueVersion = '^4.5.0';
 // linting deps
 exports.vueEslintConfigPrettierVersion = '7.1.0';
 exports.vueEslintConfigTypescriptVersion = '^11.0.3';