create-vue 2.1.0-beta → 2.1.0

package/outfile.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-/*! create-vue v2.1.0-beta | MIT */
+/*! create-vue v2.1.0 | MIT */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -761,7 +761,7 @@ var require_prompt = __commonJS({
 var require_text = __commonJS({
   "node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/dist/elements/text.js"(exports, module2) {
     "use strict";
-    function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    function asyncGeneratorStep(gen, resolve5, reject, _next, _throw, key, arg) {
       try {
         var info = gen[key](arg);
         var value = info.value;
@@ -770,7 +770,7 @@ var require_text = __commonJS({
         return;
       }
       if (info.done) {
-        resolve(value);
+        resolve5(value);
       } else {
         Promise.resolve(value).then(_next, _throw);
       }
@@ -778,13 +778,13 @@ var require_text = __commonJS({
     function _asyncToGenerator(fn) {
       return function() {
         var self2 = this, args = arguments;
-        return new Promise(function(resolve, reject) {
+        return new Promise(function(resolve5, reject) {
           var gen = fn.apply(self2, args);
           function _next(value) {
-            asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            asyncGeneratorStep(gen, resolve5, reject, _next, _throw, "next", value);
           }
           function _throw(err) {
-            asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            asyncGeneratorStep(gen, resolve5, reject, _next, _throw, "throw", err);
           }
           _next(void 0);
         });
@@ -1521,7 +1521,7 @@ var require_dateparts = __commonJS({
 var require_date = __commonJS({
   "node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/dist/elements/date.js"(exports, module2) {
     "use strict";
-    function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    function asyncGeneratorStep(gen, resolve5, reject, _next, _throw, key, arg) {
       try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1530,7 +1530,7 @@ var require_date = __commonJS({
         return;
       }
       if (info.done) {
-        resolve(value);
+        resolve5(value);
       } else {
         Promise.resolve(value).then(_next, _throw);
       }
@@ -1538,13 +1538,13 @@ var require_date = __commonJS({
     function _asyncToGenerator(fn) {
       return function() {
         var self2 = this, args = arguments;
-        return new Promise(function(resolve, reject) {
+        return new Promise(function(resolve5, reject) {
           var gen = fn.apply(self2, args);
           function _next(value) {
-            asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            asyncGeneratorStep(gen, resolve5, reject, _next, _throw, "next", value);
           }
           function _throw(err) {
-            asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            asyncGeneratorStep(gen, resolve5, reject, _next, _throw, "throw", err);
           }
           _next(void 0);
         });
@@ -1747,7 +1747,7 @@ ${i ? ` ` : figures.pointerSmall} ${color.red().italic(l)}`, ``);
 var require_number = __commonJS({
   "node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/dist/elements/number.js"(exports, module2) {
     "use strict";
-    function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    function asyncGeneratorStep(gen, resolve5, reject, _next, _throw, key, arg) {
       try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1756,7 +1756,7 @@ var require_number = __commonJS({
         return;
       }
       if (info.done) {
-        resolve(value);
+        resolve5(value);
       } else {
         Promise.resolve(value).then(_next, _throw);
       }
@@ -1764,13 +1764,13 @@ var require_number = __commonJS({
     function _asyncToGenerator(fn) {
       return function() {
         var self2 = this, args = arguments;
-        return new Promise(function(resolve, reject) {
+        return new Promise(function(resolve5, reject) {
           var gen = fn.apply(self2, args);
           function _next(value) {
-            asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            asyncGeneratorStep(gen, resolve5, reject, _next, _throw, "next", value);
           }
           function _throw(err) {
-            asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            asyncGeneratorStep(gen, resolve5, reject, _next, _throw, "throw", err);
           }
           _next(void 0);
         });
@@ -2205,7 +2205,7 @@ Instructions:
 var require_autocomplete = __commonJS({
   "node_modules/.pnpm/prompts@2.4.2/node_modules/prompts/dist/elements/autocomplete.js"(exports, module2) {
     "use strict";
-    function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    function asyncGeneratorStep(gen, resolve5, reject, _next, _throw, key, arg) {
       try {
         var info = gen[key](arg);
         var value = info.value;
@@ -2214,7 +2214,7 @@ var require_autocomplete = __commonJS({
         return;
       }
       if (info.done) {
-        resolve(value);
+        resolve5(value);
       } else {
         Promise.resolve(value).then(_next, _throw);
       }
@@ -2222,13 +2222,13 @@ var require_autocomplete = __commonJS({
     function _asyncToGenerator(fn) {
       return function() {
         var self2 = this, args = arguments;
-        return new Promise(function(resolve, reject) {
+        return new Promise(function(resolve5, reject) {
           var gen = fn.apply(self2, args);
           function _next(value) {
-            asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            asyncGeneratorStep(gen, resolve5, reject, _next, _throw, "next", value);
           }
           function _throw(err) {
-            asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            asyncGeneratorStep(gen, resolve5, reject, _next, _throw, "throw", err);
           }
           _next(void 0);
         });
@@ -2891,7 +2891,7 @@ var require_dist = __commonJS({
         arr2[i] = arr[i];
       return arr2;
     }
-    function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    function asyncGeneratorStep(gen, resolve5, reject, _next, _throw, key, arg) {
       try {
         var info = gen[key](arg);
         var value = info.value;
@@ -2900,7 +2900,7 @@ var require_dist = __commonJS({
         return;
       }
       if (info.done) {
-        resolve(value);
+        resolve5(value);
       } else {
         Promise.resolve(value).then(_next, _throw);
       }
@@ -2908,13 +2908,13 @@ var require_dist = __commonJS({
     function _asyncToGenerator(fn) {
       return function() {
         var self2 = this, args = arguments;
-        return new Promise(function(resolve, reject) {
+        return new Promise(function(resolve5, reject) {
           var gen = fn.apply(self2, args);
           function _next(value) {
-            asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            asyncGeneratorStep(gen, resolve5, reject, _next, _throw, "next", value);
           }
           function _throw(err) {
-            asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            asyncGeneratorStep(gen, resolve5, reject, _next, _throw, "throw", err);
           }
           _next(void 0);
         });
@@ -5255,9 +5255,9 @@ var require_prompts3 = __commonJS({
   }
 });
 
-// index.js
-var import_fs3 = __toESM(require("fs"), 1);
-var import_path3 = __toESM(require("path"), 1);
+// index.ts
+var fs4 = __toESM(require("fs"), 1);
+var path4 = __toESM(require("path"), 1);
 var import_minimist = __toESM(require_minimist(), 1);
 var import_prompts = __toESM(require_prompts3(), 1);
 
@@ -5343,11 +5343,11 @@ var bgLightMagenta = kolorist(105, 49);
 var bgLightCyan = kolorist(106, 49);
 var bgLightGray = kolorist(47, 49);
 
-// utils/renderTemplate.js
-var import_fs = __toESM(require("fs"), 1);
-var import_path = __toESM(require("path"), 1);
+// utils/renderTemplate.ts
+var fs = __toESM(require("fs"), 1);
+var path = __toESM(require("path"), 1);
 
-// utils/deepMerge.js
+// utils/deepMerge.ts
 var isObject = (val) => val && typeof val === "object";
 var mergeArrayWithDedupe = (a, b) => Array.from(/* @__PURE__ */ new Set([...a, ...b]));
 function deepMerge(target, obj) {
@@ -5366,7 +5366,7 @@ function deepMerge(target, obj) {
 }
 var deepMerge_default = deepMerge;
 
-// utils/sortDependencies.js
+// utils/sortDependencies.ts
 function sortDependencies(packageJson) {
   const sorted = {};
   const depTypes = ["dependencies", "devDependencies", "peerDependencies", "optionalDependencies"];
@@ -5384,40 +5384,43 @@ function sortDependencies(packageJson) {
   };
 }
 
-// utils/renderTemplate.js
+// utils/renderTemplate.ts
 function renderTemplate(src, dest) {
-  const stats = import_fs.default.statSync(src);
+  const stats = fs.statSync(src);
   if (stats.isDirectory()) {
-    import_fs.default.mkdirSync(dest, { recursive: true });
-    for (const file of import_fs.default.readdirSync(src)) {
-      renderTemplate(import_path.default.resolve(src, file), import_path.default.resolve(dest, file));
+    if (path.basename(src) === "node_modules") {
+      return;
+    }
+    fs.mkdirSync(dest, { recursive: true });
+    for (const file of fs.readdirSync(src)) {
+      renderTemplate(path.resolve(src, file), path.resolve(dest, file));
     }
     return;
   }
-  const filename = import_path.default.basename(src);
-  if (filename === "package.json" && import_fs.default.existsSync(dest)) {
-    const existing = JSON.parse(import_fs.default.readFileSync(dest));
-    const newPackage = JSON.parse(import_fs.default.readFileSync(src));
+  const filename = path.basename(src);
+  if (filename === "package.json" && fs.existsSync(dest)) {
+    const existing = JSON.parse(fs.readFileSync(dest, "utf8"));
+    const newPackage = JSON.parse(fs.readFileSync(src, "utf8"));
     const pkg = sortDependencies(deepMerge_default(existing, newPackage));
-    import_fs.default.writeFileSync(dest, JSON.stringify(pkg, null, 2) + "\n");
+    fs.writeFileSync(dest, JSON.stringify(pkg, null, 2) + "\n");
     return;
   }
   if (filename.startsWith("_")) {
-    dest = import_path.default.resolve(import_path.default.dirname(dest), filename.replace(/^_/, "."));
+    dest = path.resolve(path.dirname(dest), filename.replace(/^_/, "."));
   }
-  import_fs.default.copyFileSync(src, dest);
+  fs.copyFileSync(src, dest);
 }
 var renderTemplate_default = renderTemplate;
 
-// utils/directoryTraverse.js
-var import_fs2 = __toESM(require("fs"), 1);
-var import_path2 = __toESM(require("path"), 1);
+// utils/directoryTraverse.ts
+var fs2 = __toESM(require("fs"), 1);
+var path2 = __toESM(require("path"), 1);
 function preOrderDirectoryTraverse(dir, dirCallback, fileCallback) {
-  for (const filename of import_fs2.default.readdirSync(dir)) {
-    const fullpath = import_path2.default.resolve(dir, filename);
-    if (import_fs2.default.lstatSync(fullpath).isDirectory()) {
+  for (const filename of fs2.readdirSync(dir)) {
+    const fullpath = path2.resolve(dir, filename);
+    if (fs2.lstatSync(fullpath).isDirectory()) {
       dirCallback(fullpath);
-      if (import_fs2.default.existsSync(fullpath)) {
+      if (fs2.existsSync(fullpath)) {
         preOrderDirectoryTraverse(fullpath, dirCallback, fileCallback);
       }
       continue;
@@ -5426,9 +5429,9 @@ function preOrderDirectoryTraverse(dir, dirCallback, fileCallback) {
   }
 }
 function postOrderDirectoryTraverse(dir, dirCallback, fileCallback) {
-  for (const filename of import_fs2.default.readdirSync(dir)) {
-    const fullpath = import_path2.default.resolve(dir, filename);
-    if (import_fs2.default.lstatSync(fullpath).isDirectory()) {
+  for (const filename of fs2.readdirSync(dir)) {
+    const fullpath = path2.resolve(dir, filename);
+    if (fs2.lstatSync(fullpath).isDirectory()) {
       postOrderDirectoryTraverse(fullpath, dirCallback, fileCallback);
       dirCallback(fullpath);
       continue;
@@ -5437,7 +5440,7 @@ function postOrderDirectoryTraverse(dir, dirCallback, fileCallback) {
   }
 }
 
-// utils/getCommand.js
+// utils/getCommand.ts
 function getCommand(packageManager, scriptName) {
   if (scriptName === "install") {
     return packageManager === "yarn" ? "yarn" : `${packageManager} install`;
@@ -5445,21 +5448,37 @@ function getCommand(packageManager, scriptName) {
   return packageManager === "npm" ? `npm run ${scriptName}` : `${packageManager} ${scriptName}`;
 }
 
-// utils/generateReadme.js
-var sfcTypeSupportDoc = "\n## Type Support for `.vue` Imports in TS\n\nSince TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates.\n\nHowever, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can run `Volar: Switch TS Plugin on/off` from VSCode command palette.\n";
+// utils/generateReadme.ts
+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.",
+  ""
+].join("\n");
 function generateReadme({
   projectName,
   packageManager,
   needsTypeScript,
-  needsTests
+  needsCypress,
+  needsCypressCT,
+  needsVitest,
+  needsEslint
 }) {
   let readme = `# ${projectName}
 
-This template should help get you started developing with Vue 2 in Vite.
+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=johnsoncodehk.volar) (and disable Vetur).
+[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).
 ${needsTypeScript ? sfcTypeSupportDoc : ""}
 ## Customize configuration
 
@@ -5484,27 +5503,139 @@ ${getCommand(packageManager, "dev")}
 ${getCommand(packageManager, "build")}
 \`\`\`
 `;
-  if (needsTests) {
+  if (needsVitest) {
     npmScriptsDescriptions += `
-### Run Unit Tests with [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/introduction)
+### Run Unit Tests with [Vitest](https://vitest.dev/)
 
 \`\`\`sh
-${getCommand(packageManager, "test:unit")} # or \`${getCommand(packageManager, "test:unit:ci")}\` for headless testing
+${getCommand(packageManager, "test:unit")}
 \`\`\`
+`;
+  }
+  if (needsCypressCT) {
+    npmScriptsDescriptions += `
+### Run Headed Component Tests with [Cypress Component Testing](https://on.cypress.io/component)
 
+\`\`\`sh
+${getCommand(packageManager, "test:unit")} # or \`${getCommand(packageManager, "test:unit:ci")}\` for headless testing
+\`\`\`
+`;
+  }
+  if (needsCypress) {
+    npmScriptsDescriptions += `
 ### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
 
 \`\`\`sh
 ${getCommand(packageManager, "build")}
 ${getCommand(packageManager, "test:e2e")} # or \`${getCommand(packageManager, "test:e2e:ci")}\` for headless testing
 \`\`\`
+`;
+  }
+  if (needsEslint) {
+    npmScriptsDescriptions += `
+### Lint with [ESLint](https://eslint.org/)
+
+\`\`\`sh
+${getCommand(packageManager, "lint")}
+\`\`\`
 `;
   }
   readme += npmScriptsDescriptions;
   return readme;
 }
 
-// index.js
+// utils/renderEslint.ts
+var fs3 = __toESM(require("fs"), 1);
+var path3 = __toESM(require("path"), 1);
+
+// template/eslint/package.json
+var devDependencies = {
+  "@rushstack/eslint-patch": "^1.1.0",
+  "@vue/eslint-config-prettier": "^7.0.0",
+  "@vue/eslint-config-typescript": "^11.0.0",
+  eslint: "^8.5.0",
+  "eslint-plugin-cypress": "^2.12.1",
+  "eslint-plugin-vue": "^9.0.0",
+  prettier: "^2.5.1"
+};
+
+// utils/renderEslint.ts
+var dependencies = {};
+function addEslintDependency(name) {
+  dependencies[name] = devDependencies[name];
+}
+addEslintDependency("eslint");
+addEslintDependency("eslint-plugin-vue");
+var config = {
+  root: true,
+  extends: ["plugin:vue/essential"]
+};
+function configureEslint({ language, styleGuide, needsPrettier, needsCypress, needsCypressCT }) {
+  switch (`${styleGuide}-${language}`) {
+    case "default-javascript":
+      config.extends.push("eslint:recommended");
+      break;
+    case "default-typescript":
+      addEslintDependency("@vue/eslint-config-typescript");
+      config.extends.push("eslint:recommended");
+      config.extends.push("@vue/eslint-config-typescript/recommended");
+      break;
+  }
+  if (needsPrettier) {
+    addEslintDependency("prettier");
+    addEslintDependency("@vue/eslint-config-prettier");
+    config.extends.push("@vue/eslint-config-prettier");
+  }
+  if (needsCypress) {
+    const cypressOverrides = [
+      {
+        files: needsCypressCT ? ["**/__tests__/*.{cy,spec}.{js,ts,jsx,tsx}", "cypress/e2e/**.{cy,spec}.{js,ts,jsx,tsx}"] : ["cypress/e2e/**.{cy,spec}.{js,ts,jsx,tsx}"],
+        extends: ["plugin:cypress/recommended"]
+      }
+    ];
+    addEslintDependency("eslint-plugin-cypress");
+    config.overrides = cypressOverrides;
+  }
+  let configuration = "/* eslint-env node */\n";
+  if (styleGuide !== "default" || language !== "javascript" || needsPrettier) {
+    addEslintDependency("@rushstack/eslint-patch");
+    configuration += `require("@rushstack/eslint-patch/modern-module-resolution");
+
+`;
+  }
+  configuration += `module.exports = ${JSON.stringify(config, void 0, 2)}
+`;
+  return {
+    dependencies,
+    configuration
+  };
+}
+function renderEslint(rootDir, { needsTypeScript, needsCypress, needsCypressCT, needsPrettier }) {
+  const { dependencies: dependencies2, configuration } = configureEslint({
+    language: needsTypeScript ? "typescript" : "javascript",
+    styleGuide: "default",
+    needsPrettier,
+    needsCypress,
+    needsCypressCT
+  });
+  const packageJsonPath = path3.resolve(rootDir, "package.json");
+  const existingPkg = JSON.parse(fs3.readFileSync(packageJsonPath, "utf8"));
+  const pkg = sortDependencies(deepMerge_default(existingPkg, {
+    scripts: {
+      lint: needsTypeScript ? "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore" : "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
+    },
+    devDependencies: dependencies2
+  }));
+  fs3.writeFileSync(packageJsonPath, JSON.stringify(pkg, null, 2) + "\n");
+  const eslintrcPath = path3.resolve(rootDir, ".eslintrc.cjs");
+  fs3.writeFileSync(eslintrcPath, configuration);
+}
+
+// utils/banner.ts
+var banner = "\x1B[38;2;66;211;146mV\x1B[39m\x1B[38;2;66;211;146mu\x1B[39m\x1B[38;2;66;211;146me\x1B[39m\x1B[38;2;66;211;146m.\x1B[39m\x1B[38;2;66;211;146mj\x1B[39m\x1B[38;2;67;209;149ms\x1B[39m \x1B[38;2;68;206;152m-\x1B[39m \x1B[38;2;69;204;155mT\x1B[39m\x1B[38;2;70;201;158mh\x1B[39m\x1B[38;2;71;199;162me\x1B[39m \x1B[38;2;72;196;165mP\x1B[39m\x1B[38;2;73;194;168mr\x1B[39m\x1B[38;2;74;192;171mo\x1B[39m\x1B[38;2;75;189;174mg\x1B[39m\x1B[38;2;76;187;177mr\x1B[39m\x1B[38;2;77;184;180me\x1B[39m\x1B[38;2;78;182;183ms\x1B[39m\x1B[38;2;79;179;186ms\x1B[39m\x1B[38;2;80;177;190mi\x1B[39m\x1B[38;2;81;175;193mv\x1B[39m\x1B[38;2;82;172;196me\x1B[39m \x1B[38;2;83;170;199mJ\x1B[39m\x1B[38;2;83;167;202ma\x1B[39m\x1B[38;2;84;165;205mv\x1B[39m\x1B[38;2;85;162;208ma\x1B[39m\x1B[38;2;86;160;211mS\x1B[39m\x1B[38;2;87;158;215mc\x1B[39m\x1B[38;2;88;155;218mr\x1B[39m\x1B[38;2;89;153;221mi\x1B[39m\x1B[38;2;90;150;224mp\x1B[39m\x1B[38;2;91;148;227mt\x1B[39m \x1B[38;2;92;145;230mF\x1B[39m\x1B[38;2;93;143;233mr\x1B[39m\x1B[38;2;94;141;236ma\x1B[39m\x1B[38;2;95;138;239mm\x1B[39m\x1B[38;2;96;136;243me\x1B[39m\x1B[38;2;97;133;246mw\x1B[39m\x1B[38;2;98;131;249mo\x1B[39m\x1B[38;2;99;128;252mr\x1B[39m\x1B[38;2;100;126;255mk\x1B[39m";
+var banner_default = banner;
+
+// index.ts
 function isValidPackageName(projectName) {
   return /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(projectName);
 }
@@ -5512,22 +5643,28 @@ function toValidPackageName(projectName) {
   return projectName.trim().toLowerCase().replace(/\s+/g, "-").replace(/^[._]/, "").replace(/[^a-z0-9-~]+/g, "-");
 }
 function canSafelyOverwrite(dir) {
-  return !import_fs3.default.existsSync(dir) || import_fs3.default.readdirSync(dir).length === 0;
+  return !fs4.existsSync(dir) || fs4.readdirSync(dir).length === 0;
 }
 function emptyDir(dir) {
-  postOrderDirectoryTraverse(dir, (dir2) => import_fs3.default.rmdirSync(dir2), (file) => import_fs3.default.unlinkSync(file));
+  if (!fs4.existsSync(dir)) {
+    return;
+  }
+  postOrderDirectoryTraverse(dir, (dir2) => fs4.rmdirSync(dir2), (file) => fs4.unlinkSync(file));
 }
 async function init() {
+  console.log(`
+${banner_default}
+`);
   const cwd = process.cwd();
   const argv = (0, import_minimist.default)(process.argv.slice(2), {
     alias: {
       typescript: ["ts"],
-      "with-tests": ["tests", "cypress"],
+      "with-tests": ["tests"],
       router: ["vue-router"]
     },
     boolean: true
   });
-  const isFeatureFlagsUsed = typeof (argv.default || argv.ts || argv.router || argv.pinia || argv.tests) === "boolean";
+  const isFeatureFlagsUsed = typeof (argv.default ?? argv.ts ?? argv.jsx ?? argv.router ?? argv.pinia ?? argv.tests ?? argv.vitest ?? argv.cypress ?? argv.eslint) === "boolean";
   let targetDir = argv._[0];
   const defaultProjectName = !targetDir ? "vue-project" : targetDir;
   const forceOverwrite = argv.force;
@@ -5551,7 +5688,7 @@ async function init() {
       },
       {
         name: "overwriteChecker",
-        type: (prev, values = {}) => {
+        type: (prev, values) => {
           if (values.shouldOverwrite === false) {
             throw new Error(red("\u2716") + " Operation cancelled");
           }
@@ -5573,6 +5710,14 @@ async function init() {
         active: "Yes",
         inactive: "No"
       },
+      {
+        name: "needsJsx",
+        type: () => isFeatureFlagsUsed ? null : "toggle",
+        message: "Add JSX Support?",
+        initial: false,
+        active: "Yes",
+        inactive: "No"
+      },
       {
         name: "needsRouter",
         type: () => isFeatureFlagsUsed ? null : "toggle",
@@ -5590,9 +5735,38 @@ async function init() {
         inactive: "No"
       },
       {
-        name: "needsTests",
+        name: "needsVitest",
         type: () => isFeatureFlagsUsed ? null : "toggle",
-        message: "Add Cypress for testing?",
+        message: "Add Vitest for Unit Testing?",
+        initial: false,
+        active: "Yes",
+        inactive: "No"
+      },
+      {
+        name: "needsCypress",
+        type: () => isFeatureFlagsUsed ? null : "toggle",
+        message: (prev, answers) => answers.needsVitest ? "Add Cypress for End-to-End testing?" : "Add Cypress for both Unit and End-to-End testing?",
+        initial: false,
+        active: "Yes",
+        inactive: "No"
+      },
+      {
+        name: "needsEslint",
+        type: () => isFeatureFlagsUsed ? null : "toggle",
+        message: "Add ESLint for code quality?",
+        initial: false,
+        active: "Yes",
+        inactive: "No"
+      },
+      {
+        name: "needsPrettier",
+        type: (prev, values) => {
+          if (isFeatureFlagsUsed || !values.needsEslint) {
+            return null;
+          }
+          return "toggle";
+        },
+        message: "Add Prettier for code formatting?",
         initial: false,
         active: "Yes",
         inactive: "No"
@@ -5607,40 +5781,68 @@ async function init() {
     process.exit(1);
   }
   const {
-    packageName = toValidPackageName(defaultProjectName),
-    shouldOverwrite,
+    projectName,
+    packageName = projectName ?? defaultProjectName,
+    shouldOverwrite = argv.force,
+    needsJsx = argv.jsx,
     needsTypeScript = argv.typescript,
     needsRouter = argv.router,
     needsPinia = argv.pinia,
-    needsTests = argv.tests
+    needsCypress = argv.cypress || argv.tests,
+    needsVitest = argv.vitest || argv.tests,
+    needsEslint = argv.eslint || argv["eslint-with-prettier"],
+    needsPrettier = argv["eslint-with-prettier"]
   } = result;
-  const root = import_path3.default.join(cwd, targetDir);
-  if (shouldOverwrite) {
+  const needsCypressCT = needsCypress && !needsVitest;
+  const root = path4.join(cwd, targetDir);
+  if (fs4.existsSync(root) && shouldOverwrite) {
     emptyDir(root);
-  } else if (!import_fs3.default.existsSync(root)) {
-    import_fs3.default.mkdirSync(root);
+  } else if (!fs4.existsSync(root)) {
+    fs4.mkdirSync(root);
   }
   console.log(`
 Scaffolding project in ${root}...`);
   const pkg = { name: packageName, version: "0.0.0" };
-  import_fs3.default.writeFileSync(import_path3.default.resolve(root, "package.json"), JSON.stringify(pkg, null, 2));
-  const templateRoot = import_path3.default.resolve(__dirname, "template");
+  fs4.writeFileSync(path4.resolve(root, "package.json"), JSON.stringify(pkg, null, 2));
+  const templateRoot = path4.resolve(__dirname, "template");
   const render = function render2(templateName) {
-    const templateDir = import_path3.default.resolve(templateRoot, templateName);
+    const templateDir = path4.resolve(templateRoot, templateName);
     renderTemplate_default(templateDir, root);
   };
   render("base");
+  if (needsJsx) {
+    render("config/jsx");
+  }
   if (needsRouter) {
     render("config/router");
   }
   if (needsPinia) {
     render("config/pinia");
   }
-  if (needsTests) {
+  if (needsVitest) {
+    render("config/vitest");
+  }
+  if (needsCypress) {
     render("config/cypress");
   }
+  if (needsCypressCT) {
+    render("config/cypress-ct");
+  }
   if (needsTypeScript) {
     render("config/typescript");
+    render("tsconfig/base");
+    if (needsCypress) {
+      render("tsconfig/cypress");
+    }
+    if (needsCypressCT) {
+      render("tsconfig/cypress-ct");
+    }
+    if (needsVitest) {
+      render("tsconfig/vitest");
+    }
+  }
+  if (needsEslint) {
+    renderEslint(root, { needsTypeScript, needsCypress, needsCypressCT, needsPrettier });
   }
   const codeTemplate = (needsTypeScript ? "typescript-" : "") + (needsRouter ? "router" : "default");
   render(`code/${codeTemplate}`);
@@ -5657,39 +5859,48 @@ Scaffolding project in ${root}...`);
     preOrderDirectoryTraverse(root, () => {
     }, (filepath) => {
       if (filepath.endsWith(".js")) {
-        import_fs3.default.renameSync(filepath, filepath.replace(/\.js$/, ".ts"));
-      } else if (import_path3.default.basename(filepath) === "jsconfig.json") {
-        import_fs3.default.renameSync(filepath, filepath.replace(/jsconfig\.json$/, "tsconfig.json"));
+        const tsFilePath = filepath.replace(/\.js$/, ".ts");
+        if (fs4.existsSync(tsFilePath)) {
+          fs4.unlinkSync(filepath);
+        } else {
+          fs4.renameSync(filepath, tsFilePath);
+        }
+      } else if (path4.basename(filepath) === "jsconfig.json") {
+        fs4.unlinkSync(filepath);
       }
     });
-    const indexHtmlPath = import_path3.default.resolve(root, "index.html");
-    const indexHtmlContent = import_fs3.default.readFileSync(indexHtmlPath, "utf8");
-    import_fs3.default.writeFileSync(indexHtmlPath, indexHtmlContent.replace("src/main.js", "src/main.ts"));
-  }
-  if (!needsTests) {
-    preOrderDirectoryTraverse(root, (dirpath) => {
-      const dirname = import_path3.default.basename(dirpath);
-      if (dirname === "cypress" || dirname === "__tests__") {
-        emptyDir(dirpath);
-        import_fs3.default.rmdirSync(dirpath);
-      }
-    }, () => {
+    const indexHtmlPath = path4.resolve(root, "index.html");
+    const indexHtmlContent = fs4.readFileSync(indexHtmlPath, "utf8");
+    fs4.writeFileSync(indexHtmlPath, indexHtmlContent.replace("src/main.js", "src/main.ts"));
+  } else {
+    preOrderDirectoryTraverse(root, () => {
+    }, (filepath) => {
+      if (filepath.endsWith(".ts")) {
+        fs4.unlinkSync(filepath);
+      }
     });
   }
-  const packageManager = /pnpm/.test(process.env.npm_execpath) ? "pnpm" : /yarn/.test(process.env.npm_execpath) ? "yarn" : "npm";
-  import_fs3.default.writeFileSync(import_path3.default.resolve(root, "README.md"), generateReadme({
-    projectName: result.projectName || defaultProjectName,
+  const userAgent = process.env.npm_config_user_agent ?? "";
+  const packageManager = /pnpm/.test(userAgent) ? "pnpm" : /yarn/.test(userAgent) ? "yarn" : "npm";
+  fs4.writeFileSync(path4.resolve(root, "README.md"), generateReadme({
+    projectName: result.projectName ?? defaultProjectName,
     packageManager,
     needsTypeScript,
-    needsTests
+    needsVitest,
+    needsCypress,
+    needsCypressCT,
+    needsEslint
   }));
   console.log(`
 Done. Now run:
 `);
   if (root !== cwd) {
-    console.log(`  ${bold(green(`cd ${import_path3.default.relative(cwd, root)}`))}`);
+    console.log(`  ${bold(green(`cd ${path4.relative(cwd, root)}`))}`);
   }
   console.log(`  ${bold(green(getCommand(packageManager, "install")))}`);
+  if (needsPrettier) {
+    console.log(`  ${bold(green(getCommand(packageManager, "lint")))}`);
+  }
   console.log(`  ${bold(green(getCommand(packageManager, "dev")))}`);
   console.log();
 }