create-vue 2.0.5 → 2.1.0

package/outfile.cjs

@@ -1,29 +1,27 @@
 #!/usr/bin/env node
+/*! create-vue v2.1.0 | MIT */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[Object.keys(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+  return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 
-// node_modules/.pnpm/minimist@1.2.5/node_modules/minimist/index.js
+// node_modules/.pnpm/minimist@1.2.6/node_modules/minimist/index.js
 var require_minimist = __commonJS({
-  "node_modules/.pnpm/minimist@1.2.5/node_modules/minimist/index.js"(exports, module2) {
+  "node_modules/.pnpm/minimist@1.2.6/node_modules/minimist/index.js"(exports, module2) {
     module2.exports = function(args, opts) {
       if (!opts)
         opts = {};
@@ -81,7 +79,7 @@ var require_minimist = __commonJS({
         var o = obj;
         for (var i2 = 0; i2 < keys.length - 1; i2++) {
           var key2 = keys[i2];
-          if (key2 === "__proto__")
+          if (isConstructorOrProto(o, key2))
             return;
           if (o[key2] === void 0)
             o[key2] = {};
@@ -92,7 +90,7 @@ var require_minimist = __commonJS({
           o = o[key2];
         }
         var key2 = keys[keys.length - 1];
-        if (key2 === "__proto__")
+        if (isConstructorOrProto(o, key2))
           return;
         if (o === Object.prototype || o === Number.prototype || o === String.prototype)
           o = {};
@@ -220,6 +218,9 @@ var require_minimist = __commonJS({
         return true;
       return /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(e[-+]?\d+)?$/.test(x);
     }
+    function isConstructorOrProto(obj, key) {
+      return key === "constructor" && typeof obj[key] === "function" || key === "__proto__";
+    }
   }
 });
 
@@ -301,8 +302,8 @@ var require_kleur = __commonJS({
     }
     function init2(open, close) {
       let blk = {
-        open: `[${open}m`,
-        close: `[${close}m`,
+        open: `\x1B[${open}m`,
+        close: `\x1B[${close}m`,
         rgx: new RegExp(`\\x1b\\[${close}m`, "g")
       };
       return function(txt) {
@@ -393,7 +394,7 @@ var require_strip = __commonJS({
 var require_src = __commonJS({
   "node_modules/.pnpm/sisteransi@1.0.5/node_modules/sisteransi/src/index.js"(exports, module2) {
     "use strict";
-    var ESC = "";
+    var ESC = "\x1B";
     var CSI = `${ESC}[`;
     var beep = "\x07";
     var cursor = {
@@ -760,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;
@@ -769,7 +770,7 @@ var require_text = __commonJS({
         return;
       }
       if (info.done) {
-        resolve(value);
+        resolve5(value);
       } else {
         Promise.resolve(value).then(_next, _throw);
       }
@@ -777,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);
         });
@@ -1520,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;
@@ -1529,7 +1530,7 @@ var require_date = __commonJS({
         return;
       }
       if (info.done) {
-        resolve(value);
+        resolve5(value);
       } else {
         Promise.resolve(value).then(_next, _throw);
       }
@@ -1537,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);
         });
@@ -1746,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;
@@ -1755,7 +1756,7 @@ var require_number = __commonJS({
         return;
       }
       if (info.done) {
-        resolve(value);
+        resolve5(value);
       } else {
         Promise.resolve(value).then(_next, _throw);
       }
@@ -1763,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);
         });
@@ -2204,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;
@@ -2213,7 +2214,7 @@ var require_autocomplete = __commonJS({
         return;
       }
       if (info.done) {
-        resolve(value);
+        resolve5(value);
       } else {
         Promise.resolve(value).then(_next, _throw);
       }
@@ -2221,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);
         });
@@ -2890,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;
@@ -2899,7 +2900,7 @@ var require_dist = __commonJS({
         return;
       }
       if (info.done) {
-        resolve(value);
+        resolve5(value);
       } else {
         Promise.resolve(value).then(_next, _throw);
       }
@@ -2907,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);
         });
@@ -5254,11 +5255,11 @@ var require_prompts3 = __commonJS({
   }
 });
 
-// index.js
-var import_fs4 = __toModule(require("fs"));
-var import_path3 = __toModule(require("path"));
-var import_minimist = __toModule(require_minimist());
-var import_prompts = __toModule(require_prompts3());
+// 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);
 
 // node_modules/.pnpm/kolorist@1.5.1/node_modules/kolorist/dist/esm/index.mjs
 var enabled = true;
@@ -5294,8 +5295,8 @@ var options = {
   supportLevel
 };
 function kolorist(start, end, level = 1) {
-  const open = `[${start}m`;
-  const close = `[${end}m`;
+  const open = `\x1B[${start}m`;
+  const close = `\x1B[${end}m`;
   const regex = new RegExp(`\\x1b\\[${end}m`, "g");
   return (str) => {
     return options.enabled && options.supportLevel >= level ? open + ("" + str).replace(regex, open) + close : "" + str;
@@ -5342,13 +5343,13 @@ var bgLightMagenta = kolorist(105, 49);
 var bgLightCyan = kolorist(106, 49);
 var bgLightGray = kolorist(47, 49);
 
-// utils/renderTemplate.js
-var import_fs = __toModule(require("fs"));
-var import_path = __toModule(require("path"));
+// 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(new Set([...a, ...b]));
+var mergeArrayWithDedupe = (a, b) => Array.from(/* @__PURE__ */ new Set([...a, ...b]));
 function deepMerge(target, obj) {
   for (const key of Object.keys(obj)) {
     const oldVal = target[key];
@@ -5365,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"];
@@ -5383,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 = __toModule(require("fs"));
-var import_path2 = __toModule(require("path"));
+// 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;
@@ -5425,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;
@@ -5436,10 +5440,7 @@ function postOrderDirectoryTraverse(dir, dirCallback, fileCallback) {
   }
 }
 
-// utils/generateReadme.js
-var import_fs3 = __toModule(require("fs"));
-
-// utils/getCommand.js
+// utils/getCommand.ts
 function getCommand(packageManager, scriptName) {
   if (scriptName === "install") {
     return packageManager === "yarn" ? "yarn" : `${packageManager} install`;
@@ -5447,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
 
@@ -5486,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);
 }
@@ -5514,22 +5643,28 @@ function toValidPackageName(projectName) {
   return projectName.trim().toLowerCase().replace(/\s+/g, "-").replace(/^[._]/, "").replace(/[^a-z0-9-~]+/g, "-");
 }
 function canSafelyOverwrite(dir) {
-  return !import_fs4.default.existsSync(dir) || import_fs4.default.readdirSync(dir).length === 0;
+  return !fs4.existsSync(dir) || fs4.readdirSync(dir).length === 0;
 }
 function emptyDir(dir) {
-  postOrderDirectoryTraverse(dir, (dir2) => import_fs4.default.rmdirSync(dir2), (file) => import_fs4.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;
@@ -5553,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");
           }
@@ -5575,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",
@@ -5592,9 +5735,38 @@ async function init() {
         inactive: "No"
       },
       {
-        name: "needsTests",
+        name: "needsVitest",
+        type: () => isFeatureFlagsUsed ? null : "toggle",
+        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 Cypress for testing?",
+        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"
@@ -5609,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_fs4.default.existsSync(root)) {
-    import_fs4.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_fs4.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}`);
@@ -5659,39 +5859,48 @@ Scaffolding project in ${root}...`);
     preOrderDirectoryTraverse(root, () => {
     }, (filepath) => {
       if (filepath.endsWith(".js")) {
-        import_fs4.default.renameSync(filepath, filepath.replace(/\.js$/, ".ts"));
-      } else if (import_path3.default.basename(filepath) === "jsconfig.json") {
-        import_fs4.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_fs4.default.readFileSync(indexHtmlPath, "utf8");
-    import_fs4.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_fs4.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_fs4.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();
 }