create-vue 3.9.1 → 3.10.0

package/LICENSE

@@ -356,32 +356,6 @@ Repository: git+https://github.com/marvinhagemeister/kolorist.git
 > OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 > SOFTWARE.
 
-## minimist
-
-License: MIT
-By: James Halliday
-Repository: git://github.com/minimistjs/minimist.git
-
-> This software is released under the MIT license:
->
-> Permission is hereby granted, free of charge, to any person obtaining a copy of
-> this software and associated documentation files (the "Software"), to deal in
-> the Software without restriction, including without limitation the rights to
-> use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
-> the Software, and to permit persons to whom the Software is furnished to do so,
-> subject to the following conditions:
->
-> The above copyright notice and this permission notice shall be included in all
-> copies or substantial portions of the Software.
->
-> THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-> IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
-> FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
-> COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
-> IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
-> CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
->
-
 ## prompts
 
 License: MIT

package/README.md

@@ -1,4 +1,4 @@
-# create-vue <a href="https://npmjs.com/package/create-vue"><img src="https://badgen.net/npm/v/create-vue" alt="npm package"></a> <a href="https://nodejs.org/en/about/releases/"><img src="https://img.shields.io/node/v/create-vue" alt="node compatibility"></a>
+# create-vue <a href="https://npmjs.com/package/create-vue"><img src="https://badgen.net/npm/v/create-vue" alt="npm package"></a> <a href="https://nodejs.org/en/about/previous-releases"><img src="https://img.shields.io/node/v/create-vue" alt="node compatibility"></a>
 
 The recommended way to start a Vite-powered Vue project
 

package/locales/en-US.json

@@ -50,6 +50,9 @@
   "needsPrettier": {
     "message": "Add Prettier for code formatting?"
   },
+  "needsDevTools": {
+    "message": "Add Vue DevTools extension for debugging? (experimental)"
+  },
   "errors": {
     "operationCancelled": "Operation cancelled"
   },

package/locales/fr-FR.json

@@ -50,6 +50,9 @@
   "needsPrettier": {
     "message": "Ajouter Prettier pour le formatage du code\u00a0?"
   },
+  "needsDevTools": {
+    "message": "Ajouter l'extension Vue DevTools pour le débogage\u00a0? (expérimental)"
+  },
   "errors": {
     "operationCancelled": "Operation annulée"
   },

package/locales/tr-TR.json

@@ -50,6 +50,9 @@
   "needsPrettier": {
     "message": "Kod formatlama için Prettier eklensin mi?"
   },
+  "needsDevTools": {
+    "message": "Add Vue DevTools extension for debugging? (experimental)"
+  },
   "errors": {
     "operationCancelled": "İşlem iptal edildi"
   },

package/locales/{zh-CN.json → zh-Hans.json}

@@ -50,6 +50,9 @@
   "needsPrettier": {
     "message": "是否引入 Prettier 用于代码格式化？"
   },
+  "needsDevTools": {
+    "message": "Add Vue DevTools extension for debugging? (experimental)"
+  },
   "errors": {
     "operationCancelled": "操作取消"
   },
@@ -58,7 +61,7 @@
     "inactive": "否"
   },
   "infos": {
-    "scaffolding": "正在构建项目",
-    "done": "项目构建完成，可执行以下命令："
+    "scaffolding": "正在初始化项目",
+    "done": "项目初始化完成，可执行以下命令："
   }
 }

package/locales/zh-Hant.json

@@ -0,0 +1,71 @@
+{
+  "projectName": {
+    "message": "請輸入專案名稱："
+  },
+  "shouldOverwrite": {
+    "dirForPrompts": {
+      "current": "當前資料夾",
+      "target": "目標資料夾："
+    },
+    "message": "非空，是否覆蓋？"
+  },
+  "packageName": {
+    "message": "請輸入套件名稱：",
+    "invalidMessage": "無效的 package.json 名稱"
+  },
+  "needsTypeScript": {
+    "message": "是否使用 TypeScript 語法？"
+  },
+  "needsJsx": {
+    "message": "是否啟用 JSX 支援？"
+  },
+  "needsRouter": {
+    "message": "是否引入 Vue Router 進行單頁應用開發？"
+  },
+  "needsPinia": {
+    "message": "是否引入 Pinia 用於狀態管理？"
+  },
+  "needsVitest": {
+    "message": "是否引入 Vitest 用於單元測試"
+  },
+  "needsE2eTesting": {
+    "message": "是否要引入一款端對端（End to End）測試工具？",
+    "hint": "- 使用箭頭切換按 Enter 確認。",
+    "selectOptions": {
+      "negative": {
+        "title": "不需要"
+      },
+      "cypress": {
+        "title": "Cypress",
+        "desc": "同時支援基於 Cypress Component Testing 的單元測試"
+      },
+      "nightwatch": {
+        "title": "Nightwatch",
+        "desc": "同時支援基於 Nightwatch Component Testing 的單元測試"
+      },
+      "playwright": {
+        "title": "Playwright"
+      }
+    }
+  },
+  "needsEslint": {
+    "message": "是否引入 ESLint 用於程式碼品質檢測？"
+  },
+  "needsPrettier": {
+    "message": "是否引入 Prettier 用於程式碼格式化？"
+  },
+  "needsDevTools": {
+    "message": "Add Vue DevTools extension for debugging? (experimental)"
+  },
+  "errors": {
+    "operationCancelled": "操作取消"
+  },
+  "defaultToggleOptions": {
+    "active": "是",
+    "inactive": "否"
+  },
+  "infos": {
+    "scaffolding": "正在建置專案",
+    "done": "專案建置完成，可執行以下命令："
+  }
+}

package/outfile.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-/*! create-vue v3.9.1 | MIT */
+/*! create-vue v3.10.0 | MIT */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -30,228 +30,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// node_modules/.pnpm/minimist@1.2.8/node_modules/minimist/index.js
-var require_minimist = __commonJS({
-  "node_modules/.pnpm/minimist@1.2.8/node_modules/minimist/index.js"(exports, module2) {
-    "use strict";
-    function hasKey(obj, keys) {
-      var o = obj;
-      keys.slice(0, -1).forEach(function(key2) {
-        o = o[key2] || {};
-      });
-      var key = keys[keys.length - 1];
-      return key in o;
-    }
-    function isNumber(x) {
-      if (typeof x === "number") {
-        return true;
-      }
-      if (/^0x[0-9a-f]+$/i.test(x)) {
-        return true;
-      }
-      return /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(e[-+]?\d+)?$/.test(x);
-    }
-    function isConstructorOrProto(obj, key) {
-      return key === "constructor" && typeof obj[key] === "function" || key === "__proto__";
-    }
-    module2.exports = function(args, opts) {
-      if (!opts) {
-        opts = {};
-      }
-      var flags = {
-        bools: {},
-        strings: {},
-        unknownFn: null
-      };
-      if (typeof opts.unknown === "function") {
-        flags.unknownFn = opts.unknown;
-      }
-      if (typeof opts.boolean === "boolean" && opts.boolean) {
-        flags.allBools = true;
-      } else {
-        [].concat(opts.boolean).filter(Boolean).forEach(function(key2) {
-          flags.bools[key2] = true;
-        });
-      }
-      var aliases = {};
-      function aliasIsBoolean(key2) {
-        return aliases[key2].some(function(x) {
-          return flags.bools[x];
-        });
-      }
-      Object.keys(opts.alias || {}).forEach(function(key2) {
-        aliases[key2] = [].concat(opts.alias[key2]);
-        aliases[key2].forEach(function(x) {
-          aliases[x] = [key2].concat(aliases[key2].filter(function(y) {
-            return x !== y;
-          }));
-        });
-      });
-      [].concat(opts.string).filter(Boolean).forEach(function(key2) {
-        flags.strings[key2] = true;
-        if (aliases[key2]) {
-          [].concat(aliases[key2]).forEach(function(k) {
-            flags.strings[k] = true;
-          });
-        }
-      });
-      var defaults = opts.default || {};
-      var argv = { _: [] };
-      function argDefined(key2, arg2) {
-        return flags.allBools && /^--[^=]+$/.test(arg2) || flags.strings[key2] || flags.bools[key2] || aliases[key2];
-      }
-      function setKey(obj, keys, value2) {
-        var o = obj;
-        for (var i2 = 0; i2 < keys.length - 1; i2++) {
-          var key2 = keys[i2];
-          if (isConstructorOrProto(o, key2)) {
-            return;
-          }
-          if (o[key2] === void 0) {
-            o[key2] = {};
-          }
-          if (o[key2] === Object.prototype || o[key2] === Number.prototype || o[key2] === String.prototype) {
-            o[key2] = {};
-          }
-          if (o[key2] === Array.prototype) {
-            o[key2] = [];
-          }
-          o = o[key2];
-        }
-        var lastKey = keys[keys.length - 1];
-        if (isConstructorOrProto(o, lastKey)) {
-          return;
-        }
-        if (o === Object.prototype || o === Number.prototype || o === String.prototype) {
-          o = {};
-        }
-        if (o === Array.prototype) {
-          o = [];
-        }
-        if (o[lastKey] === void 0 || flags.bools[lastKey] || typeof o[lastKey] === "boolean") {
-          o[lastKey] = value2;
-        } else if (Array.isArray(o[lastKey])) {
-          o[lastKey].push(value2);
-        } else {
-          o[lastKey] = [o[lastKey], value2];
-        }
-      }
-      function setArg(key2, val, arg2) {
-        if (arg2 && flags.unknownFn && !argDefined(key2, arg2)) {
-          if (flags.unknownFn(arg2) === false) {
-            return;
-          }
-        }
-        var value2 = !flags.strings[key2] && isNumber(val) ? Number(val) : val;
-        setKey(argv, key2.split("."), value2);
-        (aliases[key2] || []).forEach(function(x) {
-          setKey(argv, x.split("."), value2);
-        });
-      }
-      Object.keys(flags.bools).forEach(function(key2) {
-        setArg(key2, defaults[key2] === void 0 ? false : defaults[key2]);
-      });
-      var notFlags = [];
-      if (args.indexOf("--") !== -1) {
-        notFlags = args.slice(args.indexOf("--") + 1);
-        args = args.slice(0, args.indexOf("--"));
-      }
-      for (var i = 0; i < args.length; i++) {
-        var arg = args[i];
-        var key;
-        var next;
-        if (/^--.+=/.test(arg)) {
-          var m = arg.match(/^--([^=]+)=([\s\S]*)$/);
-          key = m[1];
-          var value = m[2];
-          if (flags.bools[key]) {
-            value = value !== "false";
-          }
-          setArg(key, value, arg);
-        } else if (/^--no-.+/.test(arg)) {
-          key = arg.match(/^--no-(.+)/)[1];
-          setArg(key, false, arg);
-        } else if (/^--.+/.test(arg)) {
-          key = arg.match(/^--(.+)/)[1];
-          next = args[i + 1];
-          if (next !== void 0 && !/^(-|--)[^-]/.test(next) && !flags.bools[key] && !flags.allBools && (aliases[key] ? !aliasIsBoolean(key) : true)) {
-            setArg(key, next, arg);
-            i += 1;
-          } else if (/^(true|false)$/.test(next)) {
-            setArg(key, next === "true", arg);
-            i += 1;
-          } else {
-            setArg(key, flags.strings[key] ? "" : true, arg);
-          }
-        } else if (/^-[^-]+/.test(arg)) {
-          var letters = arg.slice(1, -1).split("");
-          var broken = false;
-          for (var j = 0; j < letters.length; j++) {
-            next = arg.slice(j + 2);
-            if (next === "-") {
-              setArg(letters[j], next, arg);
-              continue;
-            }
-            if (/[A-Za-z]/.test(letters[j]) && next[0] === "=") {
-              setArg(letters[j], next.slice(1), arg);
-              broken = true;
-              break;
-            }
-            if (/[A-Za-z]/.test(letters[j]) && /-?\d+(\.\d*)?(e-?\d+)?$/.test(next)) {
-              setArg(letters[j], next, arg);
-              broken = true;
-              break;
-            }
-            if (letters[j + 1] && letters[j + 1].match(/\W/)) {
-              setArg(letters[j], arg.slice(j + 2), arg);
-              broken = true;
-              break;
-            } else {
-              setArg(letters[j], flags.strings[letters[j]] ? "" : true, arg);
-            }
-          }
-          key = arg.slice(-1)[0];
-          if (!broken && key !== "-") {
-            if (args[i + 1] && !/^(-|--)[^-]/.test(args[i + 1]) && !flags.bools[key] && (aliases[key] ? !aliasIsBoolean(key) : true)) {
-              setArg(key, args[i + 1], arg);
-              i += 1;
-            } else if (args[i + 1] && /^(true|false)$/.test(args[i + 1])) {
-              setArg(key, args[i + 1] === "true", arg);
-              i += 1;
-            } else {
-              setArg(key, flags.strings[key] ? "" : true, arg);
-            }
-          }
-        } else {
-          if (!flags.unknownFn || flags.unknownFn(arg) !== false) {
-            argv._.push(flags.strings._ || !isNumber(arg) ? arg : Number(arg));
-          }
-          if (opts.stopEarly) {
-            argv._.push.apply(argv._, args.slice(i + 1));
-            break;
-          }
-        }
-      }
-      Object.keys(defaults).forEach(function(k) {
-        if (!hasKey(argv, k.split("."))) {
-          setKey(argv, k.split("."), defaults[k]);
-          (aliases[k] || []).forEach(function(x) {
-            setKey(argv, x.split("."), defaults[k]);
-          });
-        }
-      });
-      if (opts["--"]) {
-        argv["--"] = notFlags.slice();
-      } else {
-        notFlags.forEach(function(k) {
-          argv._.push(k);
-        });
-      }
-      return argv;
-    };
-  }
-});
-
 // node_modules/.pnpm/kleur@3.0.3/node_modules/kleur/index.js
 var require_kleur = __commonJS({
   "node_modules/.pnpm/kleur@3.0.3/node_modules/kleur/index.js"(exports, module2) {
@@ -3953,7 +3731,7 @@ var require_versionMap = __commonJS({
 // index.ts
 var fs5 = __toESM(require("fs"), 1);
 var path5 = __toESM(require("path"), 1);
-var import_minimist = __toESM(require_minimist(), 1);
+var import_node_util = require("util");
 var import_prompts = __toESM(require_lib(), 1);
 
 // node_modules/.pnpm/kolorist@1.8.0/node_modules/kolorist/dist/esm/index.mjs
@@ -4199,14 +3977,7 @@ var sfcTypeSupportDoc = [
   "",
   "## Type Support for `.vue` Imports in TS",
   "",
-  "TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.",
-  "",
-  "If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:",
-  "",
-  "1. Disable the built-in TypeScript Extension",
-  "    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette",
-  "    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`",
-  "2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.",
+  "TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.",
   ""
 ].join("\n");
 function generateReadme({
@@ -4228,7 +3999,7 @@ This template should help get you started developing with Vue 3 in Vite.
 
 ## Recommended IDE Setup
 
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
 ${needsTypeScript ? sfcTypeSupportDoc : ""}
 ## Customize configuration
 
@@ -4309,7 +4080,7 @@ ${commandFor("test:e2e", "--debug")}
 \`\`\`
     `;
   }
-  if (needsNightwatch) {
+  if (needsNightwatchCT) {
     npmScriptsDescriptions += `
 ### Run Headed Component Tests with [Nightwatch Component Testing](https://nightwatchjs.org/guide/component-testing/introduction.html)
   
@@ -4357,12 +4128,34 @@ ${commandFor("lint")}
 // utils/getLanguage.ts
 var fs3 = __toESM(require("fs"), 1);
 var path3 = __toESM(require("path"), 1);
+function linkLocale(locale) {
+  let linkedLocale;
+  try {
+    linkedLocale = Intl.getCanonicalLocales(locale)[0];
+  } catch (error) {
+    console.log(`${error.toString()}
+`);
+  }
+  switch (linkedLocale) {
+    case "zh-TW":
+    case "zh-HK":
+    case "zh-MO":
+      linkedLocale = "zh-Hant";
+      break;
+    case "zh-CN":
+    case "zh-SG":
+      linkedLocale = "zh-Hans";
+      break;
+    default:
+      linkedLocale = locale;
+  }
+  return linkedLocale;
+}
 function getLocale() {
   const shellLocale = process.env.LC_ALL || // POSIX locale environment variables
   process.env.LC_MESSAGES || process.env.LANG || Intl.DateTimeFormat().resolvedOptions().locale || // Built-in ECMA-402 support
   "en-US";
-  const locale = shellLocale.split(".")[0].replace("_", "-");
-  return locale;
+  return linkLocale(shellLocale.split(".")[0].replace("_", "-"));
 }
 function getLanguage() {
   const locale = getLocale();
@@ -4572,13 +4365,14 @@ function createConfig({
 // template/eslint/package.json
 var package_default = {
   devDependencies: {
-    "eslint-plugin-cypress": "^2.15.1"
+    "eslint-plugin-cypress": "^2.15.1",
+    "eslint-plugin-playwright": "^1.5.2"
   }
 };
 
 // utils/renderEslint.ts
 var eslintDeps = package_default.devDependencies;
-function renderEslint(rootDir, { needsTypeScript, needsCypress, needsCypressCT, needsPrettier }) {
+function renderEslint(rootDir, { needsTypeScript, needsCypress, needsCypressCT, needsPrettier, needsPlaywright }) {
   const additionalConfig = {};
   const additionalDependencies = {};
   if (needsCypress) {
@@ -4594,6 +4388,15 @@ function renderEslint(rootDir, { needsTypeScript, needsCypress, needsCypressCT,
     ];
     additionalDependencies["eslint-plugin-cypress"] = eslintDeps["eslint-plugin-cypress"];
   }
+  if (needsPlaywright) {
+    additionalConfig.overrides = [
+      {
+        files: ["e2e/**/*.{test,spec}.{js,ts,jsx,tsx}"],
+        extends: ["plugin:playwright/recommended"]
+      }
+    ];
+    additionalDependencies["eslint-plugin-playwright"] = eslintDeps["eslint-plugin-playwright"];
+  }
   const { pkg, files } = createConfig({
     vueVersion: "3.x",
     // we currently don't support other style guides
@@ -4621,9 +4424,6 @@ function renderEslint(rootDir, { needsTypeScript, needsCypress, needsCypressCT,
   const extensionsJsonPath = path4.resolve(rootDir, ".vscode/extensions.json");
   const existingExtensions = JSON.parse(fs4.readFileSync(extensionsJsonPath, "utf8"));
   existingExtensions.recommendations.push("dbaeumer.vscode-eslint");
-  if (needsPrettier) {
-    existingExtensions.recommendations.push("esbenp.prettier-vscode");
-  }
   fs4.writeFileSync(extensionsJsonPath, JSON.stringify(existingExtensions, null, 2) + "\n", "utf-8");
 }
 
@@ -4664,18 +4464,24 @@ async function init() {
   );
   console.log();
   const cwd = process.cwd();
-  const argv = (0, import_minimist.default)(process.argv.slice(2), {
-    alias: {
-      typescript: ["ts"],
-      "with-tests": ["tests"],
-      router: ["vue-router"]
-    },
-    string: ["_"],
-    // all arguments are treated as booleans
-    boolean: true
+  const args = process.argv.slice(2);
+  const options2 = {
+    typescript: { type: "boolean" },
+    ts: { type: "boolean" },
+    "with-tests": { type: "boolean" },
+    tests: { type: "boolean" },
+    "vue-router": { type: "boolean" },
+    router: { type: "boolean" },
+    "vue-devtools": { type: "boolean" },
+    devtools: { type: "boolean" }
+  };
+  const { values: argv } = (0, import_node_util.parseArgs)({
+    args,
+    options: options2,
+    strict: false
   });
-  const isFeatureFlagsUsed = typeof (argv.default ?? argv.ts ?? argv.jsx ?? argv.router ?? argv.pinia ?? argv.tests ?? argv.vitest ?? argv.cypress ?? argv.nightwatch ?? argv.playwright ?? argv.eslint) === "boolean";
-  let targetDir = argv._[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.devtools || argv["vue-devtools"])) === "boolean";
+  let targetDir = args[0];
   const defaultProjectName = !targetDir ? "vue-project" : targetDir;
   const forceOverwrite = argv.force;
   const language = getLanguage();
@@ -4804,6 +4610,14 @@ async function init() {
           initial: false,
           active: language.defaultToggleOptions.active,
           inactive: language.defaultToggleOptions.inactive
+        },
+        {
+          name: "needsDevTools",
+          type: () => isFeatureFlagsUsed ? null : "toggle",
+          message: language.needsDevTools.message,
+          initial: false,
+          active: language.defaultToggleOptions.active,
+          inactive: language.defaultToggleOptions.inactive
         }
       ],
       {
@@ -4821,12 +4635,13 @@ async function init() {
     packageName = projectName ?? defaultProjectName,
     shouldOverwrite = argv.force,
     needsJsx = argv.jsx,
-    needsTypeScript = argv.typescript,
-    needsRouter = argv.router,
+    needsTypeScript = argv.ts || argv.typescript,
+    needsRouter = argv.router || argv["vue-router"],
     needsPinia = argv.pinia,
     needsVitest = argv.vitest || argv.tests,
     needsEslint = argv.eslint || argv["eslint-with-prettier"],
-    needsPrettier = argv["eslint-with-prettier"]
+    needsPrettier = argv["eslint-with-prettier"],
+    needsDevTools = argv.devtools || argv["vue-devtools"]
   } = result;
   const { needsE2eTesting } = result;
   const needsCypress = argv.cypress || argv.tests || needsE2eTesting === "cypress";
@@ -4931,7 +4746,19 @@ ${language.infos.scaffolding} ${root}...`);
     );
   }
   if (needsEslint) {
-    renderEslint(root, { needsTypeScript, needsCypress, needsCypressCT, needsPrettier });
+    renderEslint(root, {
+      needsTypeScript,
+      needsCypress,
+      needsCypressCT,
+      needsPrettier,
+      needsPlaywright
+    });
+  }
+  if (needsPrettier) {
+    render("config/prettier");
+  }
+  if (needsDevTools) {
+    render("config/devtools");
   }
   const codeTemplate = (needsTypeScript ? "typescript-" : "") + (needsRouter ? "router" : "default");
   render(`code/${codeTemplate}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vue",
-  "version": "3.9.1",
+  "version": "3.10.0",
   "description": "An easy way to start a Vue project",
   "type": "module",
   "bin": {
@@ -26,23 +26,22 @@
   },
   "homepage": "https://github.com/vuejs/create-vue#readme",
   "devDependencies": {
-    "@tsconfig/node18": "^18.2.2",
-    "@types/eslint": "^8.44.9",
-    "@types/node": "^18.19.3",
+    "@tsconfig/node20": "^20.1.2",
+    "@types/eslint": "^8.56.5",
+    "@types/node": "^20.11.25",
     "@types/prompts": "^2.4.9",
     "@vue/create-eslint-config": "^0.3.2",
-    "@vue/tsconfig": "^0.5.0",
+    "@vue/tsconfig": "^0.5.1",
     "ejs": "^3.1.9",
     "esbuild": "^0.18.20",
     "esbuild-plugin-license": "^1.2.2",
-    "husky": "^8.0.3",
+    "husky": "^9.0.11",
     "kolorist": "^1.8.0",
-    "lint-staged": "^15.2.0",
-    "minimist": "^1.2.8",
-    "npm-run-all2": "^6.1.1",
-    "prettier": "^3.1.1",
+    "lint-staged": "^15.2.2",
+    "npm-run-all2": "^6.1.2",
+    "prettier": "^3.2.5",
     "prompts": "^2.4.2",
-    "vitest": "^1.0.4",
+    "vitest": "^1.3.1",
     "zx": "^7.2.3"
   },
   "lint-staged": {

package/template/base/.vscode/extensions.json

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+  "recommendations": ["Vue.volar"]
 }

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.0.10_@types+node@18.19.3/node_modules/vite/bin/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.0.10_@types+node@18.19.3/node_modules/vite/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.0.10_@types+node@18.19.3/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules"
+  export NODE_PATH="/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.1.5_@types+node@20.11.25/node_modules/vite/bin/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.1.5_@types+node@20.11.25/node_modules/vite/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.1.5_@types+node@20.11.25/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules"
 else
-  export NODE_PATH="/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.0.10_@types+node@18.19.3/node_modules/vite/bin/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.0.10_@types+node@18.19.3/node_modules/vite/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.0.10_@types+node@18.19.3/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules:$NODE_PATH"
+  export NODE_PATH="/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.1.5_@types+node@20.11.25/node_modules/vite/bin/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.1.5_@types+node@20.11.25/node_modules/vite/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/vite@5.1.5_@types+node@20.11.25/node_modules:/Users/haoqun/Developer/vuejs/create-vue/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
   exec "$basedir/node"  "$basedir/../vite/bin/vite.js" "$@"