create-vue 3.12.1 → 3.13.0

package/README.md

@@ -3,7 +3,7 @@
 The recommended way to start a Vite-powered Vue project
 
 <p align="center">
-  <img src="https://github.com/vuejs/create-vue/blob/main/media/screenshot-cli.png?raw=true" width="802">
+  <img width="898" alt="Screenshot from terminal" src="https://github.com/vuejs/create-vue/blob/main/media/screenshot-cli.png?raw=true">
 </p>
 
 ## Usage
@@ -17,7 +17,9 @@ npm create vue@latest
 > [!NOTE]
 > (`@latest` or `@legacy`) MUST NOT be omitted, otherwise `npm` may resolve to a cached and outdated version of the package.
 
-Or, if you need to support IE11, you can create a Vue 2 project with:
+By default the command will run in interactive mode, but you can also provide feature flags in the CLI arguments to skip the prompts. Run `npm create vue@latest --help` to see all available options.
+
+If you need to support IE11, you can create a Vue 2 project with:
 
 ```sh
 npm create vue@legacy

package/outfile.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-/*! create-vue v3.12.1 | MIT */
+/*! create-vue v3.13.0 | MIT */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -2511,8 +2511,8 @@ var require_package = __commonJS({
 var require_ejs = __commonJS({
   "node_modules/.pnpm/ejs@3.1.10/node_modules/ejs/lib/ejs.js"(exports2) {
     "use strict";
-    var fs6 = require("fs");
-    var path6 = require("path");
+    var fs7 = require("fs");
+    var path7 = require("path");
     var utils = require_utils();
     var scopeOptionWarned = false;
     var _VERSION_STRING = require_package().version;
@@ -2539,14 +2539,14 @@ var require_ejs = __commonJS({
     var _BOM = /^\uFEFF/;
     var _JS_IDENTIFIER = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/;
     exports2.cache = utils.cache;
-    exports2.fileLoader = fs6.readFileSync;
+    exports2.fileLoader = fs7.readFileSync;
     exports2.localsName = _DEFAULT_LOCALS_NAME;
     exports2.promiseImpl = new Function("return this;")().Promise;
     exports2.resolveInclude = function(name, filename, isDir) {
-      var dirname2 = path6.dirname;
-      var extname = path6.extname;
-      var resolve6 = path6.resolve;
-      var includePath = resolve6(isDir ? filename : dirname2(filename), name);
+      var dirname2 = path7.dirname;
+      var extname = path7.extname;
+      var resolve7 = path7.resolve;
+      var includePath = resolve7(isDir ? filename : dirname2(filename), name);
       var ext = extname(name);
       if (!ext) {
         includePath += ".ejs";
@@ -2557,35 +2557,35 @@ var require_ejs = __commonJS({
       var filePath;
       if (paths.some(function(v) {
         filePath = exports2.resolveInclude(name, v, true);
-        return fs6.existsSync(filePath);
+        return fs7.existsSync(filePath);
       })) {
         return filePath;
       }
     }
-    function getIncludePath(path7, options) {
+    function getIncludePath(path8, options) {
       var includePath;
       var filePath;
       var views = options.views;
-      var match = /^[A-Za-z]+:\\|^\//.exec(path7);
+      var match = /^[A-Za-z]+:\\|^\//.exec(path8);
       if (match && match.length) {
-        path7 = path7.replace(/^\/*/, "");
+        path8 = path8.replace(/^\/*/, "");
         if (Array.isArray(options.root)) {
-          includePath = resolvePaths(path7, options.root);
+          includePath = resolvePaths(path8, options.root);
         } else {
-          includePath = exports2.resolveInclude(path7, options.root || "/", true);
+          includePath = exports2.resolveInclude(path8, options.root || "/", true);
         }
       } else {
         if (options.filename) {
-          filePath = exports2.resolveInclude(path7, options.filename);
-          if (fs6.existsSync(filePath)) {
+          filePath = exports2.resolveInclude(path8, options.filename);
+          if (fs7.existsSync(filePath)) {
             includePath = filePath;
           }
         }
         if (!includePath && Array.isArray(views)) {
-          includePath = resolvePaths(path7, views);
+          includePath = resolvePaths(path8, views);
         }
         if (!includePath && typeof options.includer !== "function") {
-          throw new Error('Could not find the include file "' + options.escapeFunction(path7) + '"');
+          throw new Error('Could not find the include file "' + options.escapeFunction(path8) + '"');
         }
       }
       return includePath;
@@ -2621,10 +2621,10 @@ var require_ejs = __commonJS({
       var result;
       if (!cb) {
         if (typeof exports2.promiseImpl == "function") {
-          return new exports2.promiseImpl(function(resolve6, reject) {
+          return new exports2.promiseImpl(function(resolve7, reject) {
             try {
               result = handleCache(options)(data);
-              resolve6(result);
+              resolve7(result);
             } catch (err) {
               reject(err);
             }
@@ -2644,11 +2644,11 @@ var require_ejs = __commonJS({
     function fileLoader(filePath) {
       return exports2.fileLoader(filePath);
     }
-    function includeFile(path7, options) {
+    function includeFile(path8, options) {
       var opts = utils.shallowCopy(utils.createNullProtoObjWherePossible(), options);
-      opts.filename = getIncludePath(path7, opts);
+      opts.filename = getIncludePath(path8, opts);
       if (typeof options.includer === "function") {
-        var includerResult = options.includer(path7, opts.filename);
+        var includerResult = options.includer(path8, opts.filename);
         if (includerResult) {
           if (includerResult.filename) {
             opts.filename = includerResult.filename;
@@ -2883,12 +2883,12 @@ var require_ejs = __commonJS({
           throw e;
         }
         var returnedFn = opts.client ? fn : function anonymous(data) {
-          var include = function(path7, includeData) {
+          var include = function(path8, includeData) {
             var d = utils.shallowCopy(utils.createNullProtoObjWherePossible(), data);
             if (includeData) {
               d = utils.shallowCopy(d, includeData);
             }
-            return includeFile(path7, opts)(d);
+            return includeFile(path8, opts)(d);
           };
           return fn.apply(
             opts.context,
@@ -2897,7 +2897,7 @@ var require_ejs = __commonJS({
         };
         if (opts.filename && typeof Object.defineProperty === "function") {
           var filename = opts.filename;
-          var basename3 = path6.basename(filename, path6.extname(filename));
+          var basename3 = path7.basename(filename, path7.extname(filename));
           try {
             Object.defineProperty(returnedFn, "name", {
               value: basename3,
@@ -3058,8 +3058,8 @@ var require_ejs = __commonJS({
 });
 
 // index.ts
-var fs5 = __toESM(require("fs"), 1);
-var path5 = __toESM(require("path"), 1);
+var fs6 = __toESM(require("fs"), 1);
+var path6 = __toESM(require("path"), 1);
 var import_node_util = require("util");
 var import_prompts = __toESM(require_lib(), 1);
 
@@ -3257,6 +3257,9 @@ function getCommand(packageManager, scriptName, args) {
   if (scriptName === "install") {
     return packageManager === "yarn" ? "yarn" : `${packageManager} install`;
   }
+  if (scriptName === "build") {
+    return packageManager === "npm" || packageManager === "bun" ? `${packageManager} run build` : `${packageManager} build`;
+  }
   if (args) {
     return packageManager === "npm" ? `npm run ${scriptName} -- ${args}` : `${packageManager} ${scriptName} ${args}`;
   } else {
@@ -3686,9 +3689,9 @@ function deepMerge2(target, obj) {
 // template/eslint/package.json
 var package_default2 = {
   devDependencies: {
-    "@vitest/eslint-plugin": "1.1.7",
+    "@vitest/eslint-plugin": "1.1.20",
     "eslint-plugin-cypress": "^4.1.0",
-    "eslint-plugin-playwright": "^2.0.0"
+    "eslint-plugin-playwright": "^2.1.0"
   }
 };
 
@@ -3798,6 +3801,104 @@ function getAdditionalConfigs({
   return additionalConfigs;
 }
 
+// utils/trimBoilerplate.ts
+var fs5 = __toESM(require("fs"), 1);
+var path5 = __toESM(require("path"), 1);
+function replaceContent(filepath, replacer) {
+  const content = fs5.readFileSync(filepath, "utf8");
+  fs5.writeFileSync(filepath, replacer(content));
+}
+function trimBoilerplate(rootDir, features) {
+  const isTs = features.needsTypeScript;
+  const srcDir = path5.resolve(rootDir, "src");
+  for (const filename of fs5.readdirSync(srcDir)) {
+    if (["main.js", "main.ts", "router", "stores"].includes(filename)) {
+      continue;
+    }
+    const fullpath = path5.resolve(srcDir, filename);
+    fs5.rmSync(fullpath, { recursive: true });
+  }
+  const entryPath = path5.resolve(rootDir, isTs ? "src/main.ts" : "src/main.js");
+  replaceContent(entryPath, (content) => content.replace("import './assets/main.css'\n\n", ""));
+  if (features.needsRouter) {
+    const routerEntry = path5.resolve(srcDir, isTs ? "router/index.ts" : "router/index.js");
+    replaceContent(
+      routerEntry,
+      (content) => content.replace(`import HomeView from '../views/HomeView.vue'
+`, "").replace(/routes:\s*\[[\s\S]*?\],/, "routes: [],")
+    );
+  }
+}
+
+// package.json
+var package_default3 = {
+  name: "create-vue",
+  version: "3.13.0",
+  description: "\u{1F6E0}\uFE0F The recommended way to start a Vite-powered Vue project",
+  type: "module",
+  packageManager: "pnpm@9.15.1",
+  bin: {
+    "create-vue": "outfile.cjs"
+  },
+  files: [
+    "locales",
+    "outfile.cjs",
+    "template"
+  ],
+  engines: {
+    node: ">=v18.3.0"
+  },
+  scripts: {
+    prepare: "husky",
+    format: "prettier --write .",
+    build: "zx ./scripts/build.mjs",
+    snapshot: "zx ./scripts/snapshot.mjs",
+    pretest: "pnpm run build && pnpm run snapshot",
+    test: "zx ./scripts/test.mjs",
+    "test:unit": "vitest",
+    postversion: "zx ./scripts/postversion.mjs",
+    prepublishOnly: "pnpm run build"
+  },
+  repository: {
+    type: "git",
+    url: "git+https://github.com/vuejs/create-vue.git"
+  },
+  keywords: [],
+  author: "Haoqun Jiang <npm@haoqun.me>",
+  license: "MIT",
+  bugs: {
+    url: "https://github.com/vuejs/create-vue/issues"
+  },
+  homepage: "https://github.com/vuejs/create-vue#readme",
+  devDependencies: {
+    "@tsconfig/node22": "^22.0.0",
+    "@types/eslint": "^9.6.1",
+    "@types/node": "^22.10.2",
+    "@types/prompts": "^2.4.9",
+    "@vue/create-eslint-config": "^0.6.1",
+    "@vue/tsconfig": "^0.7.0",
+    ejs: "^3.1.10",
+    esbuild: "^0.24.2",
+    "esbuild-plugin-license": "^1.2.3",
+    husky: "^9.1.7",
+    kleur: "^4.1.5",
+    "lint-staged": "^15.2.11",
+    prettier: "^3.4.2",
+    prompts: "^2.4.2",
+    vitest: "^2.1.8",
+    zx: "^8.2.4"
+  },
+  "lint-staged": {
+    "*.{js,ts,vue,json}": [
+      "prettier --write"
+    ]
+  },
+  publishConfig: {
+    access: "public",
+    provenance: true
+  }
+};
+
 // index.ts
 function isValidPackageName(projectName) {
   return /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(projectName);
@@ -3806,10 +3907,10 @@ function toValidPackageName(projectName) {
   return projectName.trim().toLowerCase().replace(/\s+/g, "-").replace(/^[._]/, "").replace(/[^a-z0-9-~]+/g, "-");
 }
 function canSkipEmptying(dir) {
-  if (!fs5.existsSync(dir)) {
+  if (!fs6.existsSync(dir)) {
     return true;
   }
-  const files = fs5.readdirSync(dir);
+  const files = fs6.readdirSync(dir);
   if (files.length === 0) {
     return true;
   }
@@ -3819,21 +3920,62 @@ function canSkipEmptying(dir) {
   return false;
 }
 function emptyDir(dir) {
-  if (!fs5.existsSync(dir)) {
+  if (!fs6.existsSync(dir)) {
     return;
   }
   postOrderDirectoryTraverse(
     dir,
-    (dir2) => fs5.rmdirSync(dir2),
-    (file) => fs5.unlinkSync(file)
+    (dir2) => fs6.rmdirSync(dir2),
+    (file) => fs6.unlinkSync(file)
   );
 }
+var helpMessage = `Usage: create-vue [FEATURE_FLGAS...] [OPTIONS...] [DIRECTORY]
+
+Create a new Vue.js project.
+Start the CLI in interactive mode when no FEATURE_FLAGS is provided, or if the DIRECTORY argument is not a valid package name.
+
+Options:
+  --force
+    Create the project even if the directory is not empty.
+  --bare
+    Create a barebone project without example code.
+  --help
+    Display this help message.
+  --version
+    Display the version number of this CLI.
+
+Available feature flags:
+  --default
+    Create a project with the default configuration without any additional features.
+  --ts, --typescript
+    Add TypeScript support.
+  --jsx
+    Add JSX support.
+  --router, --vue-router
+    Add Vue Router for SPA development.
+  --pinia
+    Add Pinia for state management.
+  --vitest
+    Add Vitest for unit testing.
+  --cypress
+    Add Cypress for end-to-end testing.
+    If used without ${cyan("--vitest")}, it will also add Cypress Component Testing.
+  --playwright
+    Add Playwright for end-to-end testing.
+  --nightwatch
+    Add Nightwatch for end-to-end testing.
+    If used without ${cyan("--vitest")}, it will also add Nightwatch Component Testing.
+  --eslint
+    Add ESLint for code quality.
+  --eslint-with-prettier
+    Add Prettier for code formatting in addition to ESLint.
+
+Unstable feature flags:
+  --tests, --with-tests
+    Add both unit testing and end-to-end testing support.
+    Currently equivalent to ${cyan("--vitest --cypress")}, but may change in the future.
+`;
 async function init2() {
-  console.log();
-  console.log(
-    process.stdout.isTTY && process.stdout.getColorDepth() > 8 ? gradientBanner : defaultBanner
-  );
-  console.log();
   const cwd = process.cwd();
   const args = process.argv.slice(2);
   const options = {
@@ -3849,12 +3991,25 @@ async function init2() {
     options,
     strict: false
   });
+  if (argv.help) {
+    console.log(helpMessage);
+    process.exit(0);
+  }
+  if (argv.version) {
+    console.log(`${package_default3.name} v${package_default3.version}`);
+    process.exit(0);
+  }
   const isFeatureFlagsUsed = typeof (argv.default ?? (argv.ts || argv.typescript) ?? argv.jsx ?? (argv.router || argv["vue-router"]) ?? argv.pinia ?? (argv.tests || argv["with-tests"]) ?? argv.vitest ?? argv.cypress ?? argv.nightwatch ?? argv.playwright ?? argv.eslint ?? argv["eslint-with-prettier"]) === "boolean";
   let targetDir = positionals[0];
   const defaultProjectName = !targetDir ? "vue-project" : targetDir;
   const forceOverwrite = argv.force;
   const language = getLanguage();
   let result = {};
+  console.log();
+  console.log(
+    process.stdout.isTTY && process.stdout.getColorDepth() > 8 ? gradientBanner : defaultBanner
+  );
+  console.log();
   try {
     result = await (0, import_prompts.default)(
       [
@@ -4022,20 +4177,20 @@ async function init2() {
   const needsNightwatch = argv.nightwatch || needsE2eTesting === "nightwatch";
   const needsNightwatchCT = needsNightwatch && !needsVitest;
   const needsPlaywright = argv.playwright || needsE2eTesting === "playwright";
-  const root = path5.join(cwd, targetDir);
-  if (fs5.existsSync(root) && shouldOverwrite) {
+  const root = path6.join(cwd, targetDir);
+  if (fs6.existsSync(root) && shouldOverwrite) {
     emptyDir(root);
-  } else if (!fs5.existsSync(root)) {
-    fs5.mkdirSync(root);
+  } else if (!fs6.existsSync(root)) {
+    fs6.mkdirSync(root);
   }
   console.log(`
 ${language.infos.scaffolding} ${root}...`);
   const pkg = { name: packageName, version: "0.0.0" };
-  fs5.writeFileSync(path5.resolve(root, "package.json"), JSON.stringify(pkg, null, 2));
-  const templateRoot = path5.resolve(__dirname, "template");
+  fs6.writeFileSync(path6.resolve(root, "package.json"), JSON.stringify(pkg, null, 2));
+  const templateRoot = path6.resolve(__dirname, "template");
   const callbacks = [];
   const render = function render2(templateName) {
-    const templateDir = path5.resolve(templateRoot, templateName);
+    const templateDir = path6.resolve(templateRoot, templateName);
     renderTemplate_default(templateDir, root, callbacks);
   };
   render("base");
@@ -4112,8 +4267,8 @@ ${language.infos.scaffolding} ${root}...`);
     if (needsNightwatchCT) {
       render("tsconfig/nightwatch-ct");
     }
-    fs5.writeFileSync(
-      path5.resolve(root, "tsconfig.json"),
+    fs6.writeFileSync(
+      path6.resolve(root, "tsconfig.json"),
       JSON.stringify(rootTsConfig, null, 2) + "\n",
       "utf-8"
     );
@@ -4154,11 +4309,11 @@ ${language.infos.scaffolding} ${root}...`);
     },
     (filepath) => {
       if (filepath.endsWith(".ejs")) {
-        const template = fs5.readFileSync(filepath, "utf-8");
+        const template = fs6.readFileSync(filepath, "utf-8");
         const dest = filepath.replace(/\.ejs$/, "");
         const content = import_ejs2.default.render(template, dataStore[dest]);
-        fs5.writeFileSync(dest, content);
-        fs5.unlinkSync(filepath);
+        fs6.writeFileSync(dest, content);
+        fs6.unlinkSync(filepath);
       }
     }
   );
@@ -4170,19 +4325,19 @@ ${language.infos.scaffolding} ${root}...`);
       (filepath) => {
         if (filepath.endsWith(".js") && !filepath.endsWith("eslint.config.js")) {
           const tsFilePath = filepath.replace(/\.js$/, ".ts");
-          if (fs5.existsSync(tsFilePath)) {
-            fs5.unlinkSync(filepath);
+          if (fs6.existsSync(tsFilePath)) {
+            fs6.unlinkSync(filepath);
           } else {
-            fs5.renameSync(filepath, tsFilePath);
+            fs6.renameSync(filepath, tsFilePath);
           }
-        } else if (path5.basename(filepath) === "jsconfig.json") {
-          fs5.unlinkSync(filepath);
+        } else if (path6.basename(filepath) === "jsconfig.json") {
+          fs6.unlinkSync(filepath);
         }
       }
     );
-    const indexHtmlPath = path5.resolve(root, "index.html");
-    const indexHtmlContent = fs5.readFileSync(indexHtmlPath, "utf8");
-    fs5.writeFileSync(indexHtmlPath, indexHtmlContent.replace("src/main.js", "src/main.ts"));
+    const indexHtmlPath = path6.resolve(root, "index.html");
+    const indexHtmlContent = fs6.readFileSync(indexHtmlPath, "utf8");
+    fs6.writeFileSync(indexHtmlPath, indexHtmlContent.replace("src/main.js", "src/main.ts"));
   } else {
     preOrderDirectoryTraverse(
       root,
@@ -4190,15 +4345,31 @@ ${language.infos.scaffolding} ${root}...`);
       },
       (filepath) => {
         if (filepath.endsWith(".ts")) {
-          fs5.unlinkSync(filepath);
+          fs6.unlinkSync(filepath);
         }
       }
     );
   }
+  if (argv.bare) {
+    trimBoilerplate(root, { needsTypeScript, needsRouter });
+    render("bare/base");
+    if (needsTypeScript) {
+      render("bare/typescript");
+    }
+    if (needsVitest) {
+      render("bare/vitest");
+    }
+    if (needsCypressCT) {
+      render("bare/cypress-ct");
+    }
+    if (needsNightwatchCT) {
+      render("bare/nightwatch-ct");
+    }
+  }
   const userAgent = process.env.npm_config_user_agent ?? "";
   const packageManager = /pnpm/.test(userAgent) ? "pnpm" : /yarn/.test(userAgent) ? "yarn" : /bun/.test(userAgent) ? "bun" : "npm";
-  fs5.writeFileSync(
-    path5.resolve(root, "README.md"),
+  fs6.writeFileSync(
+    path6.resolve(root, "README.md"),
     generateReadme({
       projectName: result.projectName ?? result.packageName ?? defaultProjectName,
       packageManager,
@@ -4216,7 +4387,7 @@ ${language.infos.scaffolding} ${root}...`);
 ${language.infos.done}
 `);
   if (root !== cwd) {
-    const cdProjectName = path5.relative(cwd, root);
+    const cdProjectName = path6.relative(cwd, root);
     console.log(
       `  ${bold(green(`cd ${cdProjectName.includes(" ") ? `"${cdProjectName}"` : cdProjectName}`))}`
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vue",
-  "version": "3.12.1",
+  "version": "3.13.0",
   "description": "🛠️ The recommended way to start a Vite-powered Vue project",
   "type": "module",
   "bin": {
@@ -19,7 +19,7 @@
     "url": "git+https://github.com/vuejs/create-vue.git"
   },
   "keywords": [],
-  "author": "Haoqun Jiang <haoqunjiang+npm@gmail.com>",
+  "author": "Haoqun Jiang <npm@haoqun.me>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/vuejs/create-vue/issues"
@@ -28,32 +28,37 @@
   "devDependencies": {
     "@tsconfig/node22": "^22.0.0",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.2",
     "@types/prompts": "^2.4.9",
     "@vue/create-eslint-config": "^0.6.1",
-    "@vue/tsconfig": "^0.5.1",
+    "@vue/tsconfig": "^0.7.0",
     "ejs": "^3.1.10",
-    "esbuild": "^0.24.0",
+    "esbuild": "^0.24.2",
     "esbuild-plugin-license": "^1.2.3",
-    "husky": "^9.1.6",
+    "husky": "^9.1.7",
     "kleur": "^4.1.5",
-    "lint-staged": "^15.2.10",
-    "prettier": "^3.3.3",
+    "lint-staged": "^15.2.11",
+    "prettier": "^3.4.2",
     "prompts": "^2.4.2",
-    "vitest": "^2.1.4",
-    "zx": "^8.2.0"
+    "vitest": "^2.1.8",
+    "zx": "^8.2.4"
   },
   "lint-staged": {
     "*.{js,ts,vue,json}": [
       "prettier --write"
     ]
   },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
   "scripts": {
     "format": "prettier --write .",
     "build": "zx ./scripts/build.mjs",
     "snapshot": "zx ./scripts/snapshot.mjs",
     "pretest": "pnpm run build && pnpm run snapshot",
     "test": "zx ./scripts/test.mjs",
-    "test:unit": "vitest"
+    "test:unit": "vitest",
+    "postversion": "zx ./scripts/postversion.mjs"
   }
 }

package/template/bare/base/src/App.vue

@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <h1>Hello World</h1>
+</template>
+
+<style scoped></style>

package/template/bare/cypress-ct/src/__tests__/App.cy.js

@@ -0,0 +1,8 @@
+import App from '../App.vue'
+
+describe('App', () => {
+  it('mounts and renders properly', () => {
+    cy.mount(App)
+    cy.get('h1').should('contain', 'Hello World')
+  })
+})

package/template/bare/nightwatch-ct/src/__tests__/App.spec.js

@@ -0,0 +1,14 @@
+describe('App', function () {
+  before((browser) => {
+    browser.init()
+  })
+
+  it('mounts and renders properly', async function () {
+    const appComponent = await browser.mountComponent('/src/App.vue');
+
+    browser.expect.element(appComponent).to.be.present;
+    browser.expect.element('h1').text.to.contain('Hello World');
+  })
+
+  after((browser) => browser.end())
+})

package/template/bare/typescript/src/App.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <h1>Hello World</h1>
+</template>
+
+<style scoped></style>

package/template/bare/vitest/src/__tests__/App.spec.js

@@ -0,0 +1,11 @@
+import { describe, it, expect } from 'vitest'
+
+import { mount } from '@vue/test-utils'
+import App from '../App.vue'
+
+describe('App', () => {
+  it('mounts renders properly', () => {
+    const wrapper = mount(App)
+    expect(wrapper.text()).toContain('Hello World')
+  })
+})

package/template/base/node_modules/.bin/vite

@@ -6,9 +6,9 @@ case `uname` in
 esac
 
 if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.4.10_@types+node@22.9.0/node_modules/vite/bin/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.4.10_@types+node@22.9.0/node_modules/vite/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.4.10_@types+node@22.9.0/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules"
+  export NODE_PATH="/home/runner/work/create-vue/create-vue/node_modules/.pnpm/vite@6.0.5_@types+node@22.10.2_yaml@2.6.1/node_modules/vite/bin/node_modules:/home/runner/work/create-vue/create-vue/node_modules/.pnpm/vite@6.0.5_@types+node@22.10.2_yaml@2.6.1/node_modules/vite/node_modules:/home/runner/work/create-vue/create-vue/node_modules/.pnpm/vite@6.0.5_@types+node@22.10.2_yaml@2.6.1/node_modules:/home/runner/work/create-vue/create-vue/node_modules/.pnpm/node_modules"
 else
-  export NODE_PATH="/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.4.10_@types+node@22.9.0/node_modules/vite/bin/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.4.10_@types+node@22.9.0/node_modules/vite/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.4.10_@types+node@22.9.0/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules:$NODE_PATH"
+  export NODE_PATH="/home/runner/work/create-vue/create-vue/node_modules/.pnpm/vite@6.0.5_@types+node@22.10.2_yaml@2.6.1/node_modules/vite/bin/node_modules:/home/runner/work/create-vue/create-vue/node_modules/.pnpm/vite@6.0.5_@types+node@22.10.2_yaml@2.6.1/node_modules/vite/node_modules:/home/runner/work/create-vue/create-vue/node_modules/.pnpm/vite@6.0.5_@types+node@22.10.2_yaml@2.6.1/node_modules:/home/runner/work/create-vue/create-vue/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
   exec "$basedir/node"  "$basedir/../vite/bin/vite.js" "$@"