@nx/vue 20.2.0 → 20.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/vue",
-  "version": "20.2.0",
+  "version": "20.2.2",
   "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 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": {
     "minimatch": "9.0.3",
     "tslib": "^2.3.0",
-    "@nx/devkit": "20.2.0",
-    "@nx/js": "20.2.0",
-    "@nx/eslint": "20.2.0",
-    "@nx/vite": "20.2.0",
-    "@nx/web": "20.2.0"
+    "@nx/devkit": "20.2.2",
+    "@nx/js": "20.2.2",
+    "@nx/eslint": "20.2.2",
+    "@nx/vite": "20.2.2",
+    "@nx/web": "20.2.2"
   },
   "publishConfig": {
     "access": "public"

package/src/generators/component/component.js

@@ -13,21 +13,15 @@ async function componentGenerator(host, schema) {
     }
 }
 function createComponentFiles(host, options) {
+    const specExt = options.js ? 'js' : 'ts';
     (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, './files'), options.directory, {
         ...options,
+        isTs: !options.js,
+        specExt,
         tmpl: '',
     });
-    for (const c of host.listChanges()) {
-        let deleteFile = false;
-        if ((options.skipTests || options.inSourceTests) &&
-            /.*spec.ts/.test(c.path)) {
-            deleteFile = true;
-        }
-        if (deleteFile) {
-            host.delete(c.path);
-        }
+    if (options.skipTests || options.inSourceTests) {
+        host.delete((0, devkit_1.joinPathFragments)(options.directory, `${options.fileName}.spec.${specExt}`));
     }
-    if (options.js)
-        (0, devkit_1.toJS)(host);
 }
 exports.default = componentGenerator;

package/src/generators/component/files/__fileName__.vue__tmpl__

@@ -1,6 +1,12 @@
+<%_ if (isTs) { _%>
 <script setup lang="ts">
 // defineProps<{}>()
 </script>
+<%_ } else { _%>
+<script setup>
+// defineProps({})
+</script>
+<%_ } _%>
 
 <template>
   <p>Welcome to <%= className %>!</p>

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

@@ -9,8 +9,9 @@ const artifact_name_and_directory_utils_1 = require("@nx/devkit/src/generators/a
 const ast_utils_1 = require("../../../utils/ast-utils");
 let tsModule;
 async function normalizeOptions(host, options) {
-    const { artifactName: name, fileName, filePath, directory, project: projectName, } = await (0, artifact_name_and_directory_utils_1.determineArtifactNameAndDirectoryOptions)(host, {
+    const { fileName, filePath, directory, project: projectName, } = await (0, artifact_name_and_directory_utils_1.determineArtifactNameAndDirectoryOptions)(host, {
         path: options.path,
+        allowedFileExtensions: ['vue'],
         fileExtension: 'vue',
     });
     let { className } = (0, devkit_1.names)(fileName);

package/src/generators/component/schema.json

@@ -6,6 +6,14 @@
   "description": "Create a Vue Component for Nx.",
   "type": "object",
   "examples": [
+    {
+      "description": "Generate a component at `mylib/src/lib/foo.vue`",
+      "command": "nx g @nx/vue:component mylib/src/lib/foo.vue"
+    },
+    {
+      "description": "Generate a component without providing the file extension at `mylib/src/lib/foo.vue`",
+      "command": "nx g @nx/vue:component mylib/src/lib/foo"
+    },
     {
       "description": "Generate a component at `mylib/src/lib/foo.vue` with `vitest` as the unit test runner",
       "command": "nx g @nx/vue:component mylib/src/lib/foo --unitTestRunner=vitest"
@@ -14,7 +22,7 @@
   "properties": {
     "path": {
       "type": "string",
-      "description": "The file path to the component without the file extension. Relative to the current working directory.",
+      "description": "The file path to the component. Relative to the current working directory.",
       "$default": {
         "$source": "argv",
         "index": 0