create-banana 2.2.3 → 2.3.0

package/dist/index.js

@@ -1,16 +1,16 @@
 #!/usr/bin/env node
-import wt from"path";import G from"fs-extra";import{select as ot}from"@inquirer/prompts";import it from"chalk";import nt from"ora";var st=async(t,e)=>{try{if(G.pathExistsSync(e))if(!await ot({message:`The target folder "${t}" is existing. ${it.yellow("Overwrite")}?`,choices:[{name:"Yes",value:!0},{name:"No",value:!1}]}))console.log("canceled!"),process.exit(0);else{let o=nt("Overwriting existing folder...").start();await G.remove(e),await G.mkdir(e),o.succeed("Existing folder overwritten.")}}catch(r){console.error(r),process.exit(1)}},J=st;import d from"fs-extra";import y from"path";import at from"ejs";var h=class{targetDir;pkg;fileMiddlewares;constructor(e){this.targetDir=e,this.pkg={},this.fileMiddlewares=[]}writePkg(e){this.pkg={...this.pkg,...e}}extendDepsPkg(e){this.pkg.dependencies={...this.pkg.dependencies,...e.dependencies}}extendDevDepsPkg(e){this.pkg.devDependencies={...this.pkg.devDependencies,...e.devDependencies}}extendScriptsPkg(e){this.pkg.scripts={...this.pkg.scripts,...e.scripts}}copy(e,r){this.fileMiddlewares.push(()=>{d.copySync(e,y.join(this.targetDir,r))})}rename(e,r){this.fileMiddlewares.push(()=>{d.renameSync(y.join(this.targetDir,e),y.join(this.targetDir,r))})}render(e,r,o){this.fileMiddlewares.push(()=>{d.outputFileSync(y.join(this.targetDir,r),at.render(d.readFileSync(e,"utf-8"),o))})}async generate(){this.fileMiddlewares.forEach(e=>e()),d.writeFileSync(y.join(this.targetDir,"package.json"),JSON.stringify(this.pkg,null,2))}};import j from"chalk";import{input as mt,checkbox as ct}from"@inquirer/prompts";import{select as pt}from"@inquirer/prompts";var m=async t=>await pt({message:t,choices:[{name:"Yes",value:!0},{name:"No",value:!1}]});var L=async()=>await mt({message:`Enter your ${j.yellow("project name")}:`,required:!0}),M=async()=>{let t=await ct({message:`Please select the ${j.yellow("features")} to include:`,choices:[{name:"Eslint",value:"eslint"},{name:"Prettier",value:"prettier"},{name:"Pinia",value:"pinia"},{name:"Vue-Router",value:"vue-router"},{name:"Commitizen",value:"commitizen"}]}),e=t.includes("eslint"),r=t.includes("prettier"),o=t.includes("pinia"),i=t.includes("vue-router"),n=t.includes("commitizen"),s=!1;o&&(s=await m(`Do you want to use ${j.yellow.bold("pinia-plugin-persistedstate")} for Pinia state persistence?`));let p=!1;(e||r)&&(p=await m(`Do you want to use ${j.yellow.bold("Husky")} for Git hooks?`));let A=!1;return p&&(A=await m(`Do you want to use ${j.yellow.bold("lint-staged")} to run linters on staged files?`)),{useEslint:e,usePrettier:r,usePinia:o,useVueRouter:i,usePiniaPluginPersistedstate:s,useHusky:p,useLintStaged:A,useCommitizen:n}};import ut from"figlet";var lt=async t=>{try{return await ut.text(t,{font:"Big Money-se",horizontalLayout:"default",verticalLayout:"default",width:80,whitespaceBreak:!0})}catch(e){console.log("Something went wrong..."),console.dir(e)}},E=lt;import gt from"chalk";function ft(t,e,r){e/=100,r/=100;let o=s=>(s+t/30)%12,i=e*Math.min(r,1-r),n=s=>r-i*Math.max(-1,Math.min(o(s)-3,Math.min(9-o(s),1)));return[Math.round(255*n(0)),Math.round(255*n(8)),Math.round(255*n(4))]}function dt(t){return t.split("").map((e,r)=>{let o=r/t.length*360,[i,n,s]=ft(o,100,50);return gt.rgb(i,n,s)(e)}).join("")}var T=dt;import f from"chalk";import C from"boxen";var k=console.log,P=[22,198,12],l,I=(t,{useEslint:e,usePrettier:r,useHusky:o})=>{l=e?"pnpm i && pnpm lint":r?"pnpm i && pnpm format":"pnpm i",l=o?`cd ${t} && git init && `+l:`cd ${t} && `+l,k(f.cyan(C(f.rgb(...P)(`
-  ${l}  
-`),{title:"commands",titleAlignment:"center"})))},S,R=(t,{useHusky:e,useCommitizen:r})=>{S=e?`cd ${t} && git add .`:`cd ${t} && git init && git add .`,S+=` && ${r?"pnpm commit":'git commit -m "Initial commit"'}`,k(f.cyan(C(f.rgb(...P)(`
-  ${S}  
-`),{title:"commands",titleAlignment:"center"})))},x,F=(t,{useCommitizen:e})=>{e&&(x=`cd ${t} && pnpm i -g commitizen && commitizen init cz-conventional-changelog --pnpm --save-dev --save-exact`,k(f.cyan(C(f.rgb(...P)(`
-  ${x}  
-`),{title:"commands",titleAlignment:"center"})),`
-`))},_=async()=>{k(T(await E("BANANA")))},v=async t=>{k(T(t))};import ht from"fs-extra";import{fileURLToPath as yt}from"url";var a=yt(new URL("../dist/template",import.meta.url));import g from"path";var B=(t,e)=>{let r=g.join(a,"base");t.writePkg(ht.readJSONSync(g.join(r,"static","package.json"))),t.copy(g.join(r,"static"),""),t.rename("_gitignore",".gitignore"),t.render(g.join(r,"ejs","App.vue.ejs"),g.join("src","App.vue"),{...e}),t.render(g.join(r,"ejs","main.js.ejs"),g.join("src","main.js"),{...e})};import V from"fs-extra";import c from"path";var H=(t,e)=>{let{usePinia:r,usePiniaPluginPersistedstate:o}=e;if(!r)return;let i=c.join(a,"pinia");if(t.extendDepsPkg(V.readJSONSync(c.join(i,"package.json"))),t.copy(c.join(i,"counter.js"),c.join("src","stores","counter.js")),!o)return;let n=c.join(i,"pinia-plugin-persistedstate");t.extendDepsPkg(V.readJSONSync(c.join(n,"package.json"))),t.copy(c.join(n,"key.js"),c.join("src","stores","key.js"))};import Y from"fs-extra";import b from"path";var U=(t,e)=>{let{useEslint:r,usePrettier:o}=e;if(!r)return;let i=b.join(a,"eslint"),n=Y.readJSONSync(b.join(i,"package.json"));t.extendDevDepsPkg(n),t.extendScriptsPkg(n),t.render(b.join(i,"eslint.config.js.ejs"),"eslint.config.js",{usePrettier:o}),o&&t.extendDevDepsPkg(Y.readJSONSync(b.join(i,"prettierPkg.json")))};import jt from"fs-extra";import O from"path";var q=(t,e)=>{let{usePrettier:r}=e;if(!r)return;let o=O.join(a,"prettier"),i=jt.readJSONSync(O.join(o,"package.json"));t.extendDevDepsPkg(i),t.extendScriptsPkg(i),t.copy(O.join(o,".prettierrc"),".prettierrc")};import St from"fs-extra";import w from"path";var K=(t,e)=>{let{useVueRouter:r,usePiniaPluginPersistedstate:o}=e;if(!r)return;let i=w.join(a,"vue-router");t.extendDepsPkg(St.readJSONSync(w.join(i,"package.json"))),t.copy(w.join(i,"static"),"src"),t.render(w.join(i,"ejs","AboutView.vue.ejs"),w.join("src","views","AboutView.vue"),{usePiniaPluginPersistedstate:o})};import kt from"fs-extra";import u from"path";var Q=(t,e)=>{let{useEslint:r,usePrettier:o,useHusky:i,useLintStaged:n}=e;if(!i)return;let s=u.join(a,"husky"),p=kt.readJSONSync(u.join(s,"package.json"));t.extendDevDepsPkg(p),t.extendScriptsPkg(p),t.copy(u.join(s,"_"),u.join(".husky","_")),t.rename(u.join(".husky","_","_gitignore"),u.join(".husky","_",".gitignore")),t.render(u.join(s,"pre-commit.ejs"),u.join(".husky","pre-commit"),{useEslint:r,usePrettier:o,useLintStaged:n})};import $ from"fs-extra";import D from"path";var W=(t,e)=>{let{useEslint:r,usePrettier:o,useLintStaged:i}=e;if(!i)return;let n=D.join(a,"lintStaged"),s=$.readJSONSync(D.join(n,"package.json"));t.extendDevDepsPkg(s),t.extendScriptsPkg(s);let p={};r?p=$.readJSONSync(D.join(n,"eslint.json")):o&&(p=$.readJSONSync(D.join(n,"prettier.json"))),t.writePkg(p)};import Pt from"fs-extra";import X from"path";var Z=(t,e)=>{let{useCommitizen:r}=e;if(!r)return;let o=X.join(a,"commitizen"),i=Pt.readJSONSync(X.join(o,"package.json"));t.extendScriptsPkg(i)};var tt=async t=>{let e=await M();return B(t,e),H(t,e),U(t,e),q(t,e),K(t,e),Q(t,e),W(t,e),Z(t,e),e};import{execa as z}from"execa";import N from"chalk";var et=async()=>{await m(`Do you want to ${N.yellow.bold("execute")} the above commands now?`)&&(await z({shell:!0,stdio:"inherit"})`${l}`,await m(`Do you want to ${N.yellow.bold("install the commitizen")} now?`)&&await z({shell:!0,stdio:"inherit"})`${x}`,await m(`Do you want to ${N.yellow.bold("execute the git")} commands now?`)&&await z({shell:!0,stdio:"inherit"})`${S}`,console.log(N.rgb(...P).bold(`
-All commands executed successfully!
-`)))};import xt from"ora";var rt=async()=>{await _();let t=await L(),e=wt.join(process.cwd(),t);await J(t,e);let r=new h(e),o=await tt(r),i=xt("Generating files...").start();await r.generate(),i.succeed("Files generated successfully."),v(`
-Project initialization complete. You may execute the following commands:
-`),I(t,o),v(`
+import De from"path";import C from"fs-extra";import{select as ae}from"@inquirer/prompts";import pe from"chalk";import ce from"ora";var me=async(e,t)=>{try{if(C.pathExistsSync(t))if(!await ae({message:`The target folder "${e}" is existing. ${pe.yellow("Overwrite")}?`,choices:[{name:"Yes",value:!0},{name:"No",value:!1}]}))console.log("canceled!"),process.exit(0);else{let o=ce("Overwriting existing folder...").start();await C.remove(t),await C.mkdir(t),o.succeed("Existing folder overwritten.")}}catch(r){console.error(r),process.exit(1)}},R=me;import j from"fs-extra";import h from"path";import ue from"ejs";var S=class{projectName;targetDir;pkg;fileMiddlewares;constructor(t,r){this.projectName=t,this.targetDir=r,this.pkg={},this.fileMiddlewares=[]}writePkg(t){this.pkg={...this.pkg,...t}}extendDepsPkg(t){this.pkg.dependencies={...this.pkg.dependencies,...t.dependencies}}extendDevDepsPkg(t){this.pkg.devDependencies={...this.pkg.devDependencies,...t.devDependencies}}extendScriptsPkg(t){this.pkg.scripts={...this.pkg.scripts,...t.scripts}}copy(t,r){this.fileMiddlewares.push(()=>{j.copySync(t,h.join(this.targetDir,r))})}rename(t,r){this.fileMiddlewares.push(()=>{j.renameSync(h.join(this.targetDir,t),h.join(this.targetDir,r))})}render(t,r,o){this.fileMiddlewares.push(()=>{j.outputFileSync(h.join(this.targetDir,r),ue.render(j.readFileSync(t,"utf-8"),o))})}async generate(){this.fileMiddlewares.forEach(t=>t()),j.writeFileSync(h.join(this.targetDir,"package.json"),JSON.stringify(this.pkg,null,2))}};import d from"chalk";import{input as ge,checkbox as de,select as fe}from"@inquirer/prompts";import{select as le}from"@inquirer/prompts";var c=async e=>await le({message:e,choices:[{name:"Yes",value:!0},{name:"No",value:!1}]});var I=async()=>await ge({message:`Enter your ${d.yellow("project name")}:`,required:!0,validate:e=>/[\\/:*?"<>|]/.test(e)?'Project name cannot contain special characters like \\ / : * ? " < > |':!0}),H=async()=>{let e=await c(`Do you want to use ${d.yellow.bold("TypeScript")} in your project?`),t=await de({message:`Please select the ${d.yellow("features")} to include:`,choices:[{name:"Eslint",value:"eslint"},{name:"Prettier",value:"prettier"},{name:"Pinia",value:"pinia"},{name:"Vue-Router",value:"vue-router"},{name:"Commitizen",value:"commitizen"}]}),r=t.includes("eslint"),o=t.includes("prettier"),i=t.includes("pinia"),n=t.includes("vue-router"),s=t.includes("commitizen"),p=!1;i&&(p=await c(`Do you want to use ${d.yellow.bold("pinia-plugin-persistedstate")} for Pinia state persistence?`));let L=!1,z=!1;if(n){let E=await fe({message:`Select the ${d.yellow("Vue-Router mode")} to use:`,choices:[{name:"HTML5 Mode",value:"html5"},{name:"Hash Mode",value:"hash"}]});L=E.includes("html5"),z=E.includes("hash")}let N=!1;(r||o)&&(N=await c(`Do you want to use ${d.yellow.bold("Husky")} for Git hooks?`));let J=!1;return N&&(J=await c(`Do you want to use ${d.yellow.bold("lint-staged")} to run linters on staged files?`)),{useTypescript:e,useEslint:r,usePrettier:o,usePinia:i,useVueRouter:n,usePiniaPluginPersistedstate:p,useHusky:N,useLintStaged:J,useCommitizen:s,useHTML5Mode:L,useHashMode:z}};import ye from"figlet";var je=async e=>{try{return await ye.text(e,{font:"Big Money-se",horizontalLayout:"default",verticalLayout:"default",width:80,whitespaceBreak:!0})}catch(t){console.log("Something went wrong..."),console.dir(t)}},F=je;import he from"chalk";function Se(e,t,r){t/=100,r/=100;let o=s=>(s+e/30)%12,i=t*Math.min(r,1-r),n=s=>r-i*Math.max(-1,Math.min(o(s)-3,Math.min(9-o(s),1)));return[Math.round(255*n(0)),Math.round(255*n(8)),Math.round(255*n(4))]}function ke(e){return e.split("").map((t,r)=>{let o=r/e.length*360,[i,n,s]=Se(o,100,50);return he.rgb(i,n,s)(t)}).join("")}var G=ke;import y from"chalk";import M from"boxen";var w=console.log,P=[22,198,12],f,V=(e,{useEslint:t,usePrettier:r,useHusky:o})=>{f=t?"pnpm i && pnpm lint":r?"pnpm i && pnpm format":"pnpm i",f=o?`cd ${e} && git init && `+f:`cd ${e} && `+f,w(y.cyan(M(y.rgb(...P)(`
+  ${f}  
+`),{title:"commands",titleAlignment:"center"})))},k,_=(e,{useHusky:t,useCommitizen:r})=>{k=t?`cd ${e} && git add .`:`cd ${e} && git init && git add .`,k+=` && ${r?"pnpm commit":'git commit -m "Initial commit"'}`,w(y.cyan(M(y.rgb(...P)(`
+  ${k}  
+`),{title:"commands",titleAlignment:"center"})))},v,B=(e,{useCommitizen:t})=>{t&&(T(`
 To set up Commitizen, run the following command:
-`),F(t,o),v(`And initialize Git using the following commands:
-`),R(t,o),await et()};await rt();
+`),v=`cd ${e} && pnpm i -g commitizen && commitizen init cz-conventional-changelog --pnpm --save-dev --save-exact`,w(y.cyan(M(y.rgb(...P)(`
+  ${v}  
+`),{title:"commands",titleAlignment:"center"}))))},Y=async()=>{w(G(await F("BANANA")))},T=async e=>{w(G(e))};import Pe from"fs-extra";import{fileURLToPath as we}from"url";var a=we(new URL("../dist/template",import.meta.url));import m from"path";var U=(e,t)=>{let r=t.useTypescript?m.join(a,"base","TS"):m.join(a,"base");e.writePkg(Pe.readJSONSync(m.join(r,"static","package.json"))),e.copy(m.join(r,"static"),""),e.rename("_gitignore",".gitignore"),e.render(m.join(r,"ejs","App.vue.ejs"),m.join("src","App.vue"),{...t}),e.render(m.join(r,"ejs",t.useTypescript?"main.ts.ejs":"main.js.ejs"),m.join("src",t.useTypescript?"main.ts":"main.js"),{...t}),e.render(m.join(r,"ejs","README.md.ejs"),"README.md",{projectName:e.projectName})};import q from"fs-extra";import u from"path";var K=(e,t)=>{let{usePinia:r,usePiniaPluginPersistedstate:o,useTypescript:i}=t;if(!r)return;let n=i?u.join(a,"pinia","TS"):u.join(a,"pinia");if(e.extendDepsPkg(q.readJSONSync(u.join(n,"package.json"))),e.copy(u.join(n,i?"counter.ts":"counter.js"),u.join("src","stores",i?"counter.ts":"counter.js")),!o)return;let s=u.join(n,"pinia-plugin-persistedstate");e.extendDepsPkg(q.readJSONSync(u.join(s,"package.json"))),e.copy(u.join(s,i?"key.ts":"key.js"),u.join("src","stores",i?"key.ts":"key.js"))};import Q from"fs-extra";import x from"path";var W=(e,t)=>{let{useEslint:r,usePrettier:o,useTypescript:i}=t;if(!r)return;let n=i?x.join(a,"eslint","TS"):x.join(a,"eslint"),s=Q.readJSONSync(x.join(n,"package.json"));e.extendDevDepsPkg(s),e.extendScriptsPkg(s),e.render(x.join(n,i?"eslint.config.ts.ejs":"eslint.config.js.ejs"),i?"eslint.config.ts":"eslint.config.js",{usePrettier:o}),o&&e.extendDevDepsPkg(Q.readJSONSync(x.join(n,"prettierPkg.json")))};import xe from"fs-extra";import b from"path";var X=(e,t)=>{let{usePrettier:r}=t;if(!r)return;let o=b.join(a,"prettier"),i=xe.readJSONSync(b.join(o,"package.json"));e.extendDevDepsPkg(i),e.extendScriptsPkg(i),e.copy(b.join(o,".prettierrc"),".prettierrc"),e.copy(b.join(o,".prettierignore"),".prettierignore")};import ve from"fs-extra";import l from"path";var Z=(e,t)=>{let{useVueRouter:r,usePiniaPluginPersistedstate:o,useTypescript:i,useHTML5Mode:n,useHashMode:s}=t;if(!r)return;let p=i?l.join(a,"vue-router","TS"):l.join(a,"vue-router");e.extendDepsPkg(ve.readJSONSync(l.join(p,"package.json"))),e.copy(l.join(p,"static"),"src"),e.render(l.join(p,"ejs","AboutView.vue.ejs"),l.join("src","views","AboutView.vue"),{usePiniaPluginPersistedstate:o}),e.render(l.join(p,"ejs","router",i?"index.ts.ejs":"index.js.ejs"),l.join("src","router",i?"index.ts":"index.js"),{useHTML5Mode:n,useHashMode:s})};import Te from"fs-extra";import g from"path";var ee=(e,t)=>{let{useEslint:r,usePrettier:o,useHusky:i,useLintStaged:n}=t;if(!i)return;let s=g.join(a,"husky"),p=Te.readJSONSync(g.join(s,"package.json"));e.extendDevDepsPkg(p),e.extendScriptsPkg(p),e.copy(g.join(s,"_"),g.join(".husky","_")),e.rename(g.join(".husky","_","_gitignore"),g.join(".husky","_",".gitignore")),e.render(g.join(s,"pre-commit.ejs"),g.join(".husky","pre-commit"),{useEslint:r,usePrettier:o,useLintStaged:n})};import $ from"fs-extra";import D from"path";var te=(e,t)=>{let{useEslint:r,usePrettier:o,useLintStaged:i}=t;if(!i)return;let n=D.join(a,"lintStaged"),s=$.readJSONSync(D.join(n,"package.json"));e.extendDevDepsPkg(s),e.extendScriptsPkg(s);let p={};r?p=$.readJSONSync(D.join(n,"eslint.json")):o&&(p=$.readJSONSync(D.join(n,"prettier.json"))),e.writePkg(p)};import be from"fs-extra";import re from"path";var oe=(e,t)=>{let{useCommitizen:r}=t;if(!r)return;let o=re.join(a,"commitizen"),i=be.readJSONSync(re.join(o,"package.json"));e.extendScriptsPkg(i)};var ie=async e=>{let t=await H();return U(e,t),K(e,t),W(e,t),X(e,t),Z(e,t),ee(e,t),te(e,t),oe(e,t),t};import{execa as O}from"execa";import A from"chalk";var ne=async e=>{await c(`Do you want to ${A.yellow.bold("execute")} the above commands now?`)&&(await O({shell:!0,stdio:"inherit"})`${f}`,e.useCommitizen&&await c(`Do you want to ${A.yellow.bold("install the commitizen")} now?`)&&await O({shell:!0,stdio:"inherit"})`${v}`,await c(`Do you want to ${A.yellow.bold("execute the git")} commands now?`)&&await O({shell:!0,stdio:"inherit"})`${k}`)};import Ne from"ora";import Ce from"chalk";var se=async()=>{await Y();let e=await I(),t=De.join(process.cwd(),e);await R(e,t);let r=new S(e,t),o=await ie(r),i=Ne("Generating files...").start();await r.generate(),i.succeed("Files generated successfully."),T(`
+Project initialization complete. You may execute the following commands:
+`),V(e,o),B(e,o),T(`
+And initialize Git using the following commands:
+`),_(e,o),await ne(o),console.log(Ce.rgb(...P).bold(`
+All commands executed successfully!
+`))};await se();

package/dist/template/Eslint/TS/eslint.config.ts.ejs

@@ -0,0 +1,68 @@
+import js from "@eslint/js";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import pluginVue from "eslint-plugin-vue";
+import json from "@eslint/json";
+import markdown from "@eslint/markdown";
+import css from "@eslint/css";
+import { defineConfig, globalIgnores } from "eslint/config";
+<% if (usePrettier) { %>
+import prettierPlugin from 'eslint-plugin-prettier'
+import prettierConfig from "eslint-config-prettier";
+<% } %>
+
+export default defineConfig([
+{ files: ["**/*.{js,mjs,cjs,ts,mts,cts,vue}"], plugins: { js }, extends: ["js/recommended"], languageOptions: { globals: globals.browser } },
+tseslint.configs.recommended,
+{
+files: ["**/*.vue"],
+plugins: { vue: pluginVue },
+extends: [pluginVue.configs["flat/essential"]],
+},
+{ files: ["**/*.vue"], languageOptions: { parserOptions: { parser: tseslint.parser } } },
+{ files: ["**/*.json"], plugins: { json }, language: "json/json", extends: ["json/recommended"] },
+{ files: ["**/*.jsonc"], plugins: { json }, language: "json/jsonc", extends: ["json/recommended"] },
+{ files: ["**/*.json5"], plugins: { json }, language: "json/json5", extends: ["json/recommended"] },
+{ files: ["**/*.md"], plugins: { markdown }, language: "markdown/gfm", extends: ["markdown/recommended"] },
+{ files: ["**/*.css"], plugins: { css }, language: "css/css", extends: ["css/recommended"] },
+
+<% if (usePrettier) { %>
+// global Prettier configuration
+{
+plugins: { prettier: prettierPlugin },
+extends: [prettierConfig],
+rules: {
+'prettier/prettier': ['warn'], // When not in prettier style, display a warning
+},
+},
+// prevent Prettier parsing markdown as JavaScript
+{
+files: ['**/*.md'],
+rules: {
+'prettier/prettier': ['warn', { parser: 'markdown' }],
+},
+},
+<% } %>
+
+globalIgnores([
+"node_modules/*",
+"dist/*",
+"build/*",
+"out/*",
+".next/*",
+".nuxt/*",
+"coverage/*",
+"public/*",
+"assets/*",
+".cache/*",
+".temp/*",
+".tmp/*",
+"*.min.js",
+"*.bundle.js",
+"package-lock.json",
+"yarn.lock",
+"pnpm-lock.yaml",
+".env*",
+"docs/.vitepress/dist/*",
+]),
+]);

package/dist/template/Eslint/TS/package.json

@@ -0,0 +1,16 @@
+{
+  "scripts": {
+    "lint": "eslint . --fix --cache"
+  },
+  "devDependencies": {
+    "@eslint/css": "^0.14.1",
+    "@eslint/js": "^9.39.2",
+    "@eslint/json": "^0.14.0",
+    "@eslint/markdown": "^7.5.1",
+    "eslint": "^9.39.2",
+    "eslint-plugin-vue": "^10.6.2",
+    "globals": "^17.0.0",
+    "jiti": "^2.6.1",
+    "typescript-eslint": "^8.53.0"
+  }
+}

package/dist/template/Eslint/TS/prettierPkg.json

@@ -0,0 +1,6 @@
+{
+  "devDependencies": {
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4"
+  }
+}

package/dist/template/Eslint/eslint.config.js.ejs

@@ -44,12 +44,12 @@ extends: ['markdown/recommended'],
 { files: ['**/*.css'], plugins: { css }, language: 'css/css', extends: ['css/recommended'] },
 
 <% if (usePrettier) { %>
-// 全局 Prettier 配置
+// global Prettier configuration
 {
 plugins: { prettier: prettierPlugin },
 extends: [prettierConfig],
 rules: {
-'prettier/prettier': ['warn'], // 不符合 prettier 风格时显示 warning
+'prettier/prettier': ['warn'], // When not in prettier style, display a warning
 },
 },
 <% } %>

package/dist/template/Prettier/.prettierignore

@@ -0,0 +1,43 @@
+# Dependency directories
+node_modules/
+
+# Build and output directories
+dist/
+build/
+out/
+.next/
+.nuxt/
+.cache/
+.temp/
+.tmp/
+.vercel/
+docs/.vitepress/dist/
+
+# Test coverage
+coverage/
+
+# Static and generated assets
+# Note: Keep 'public/' if you have handwritten HTML/CSS there you want formatted
+public/
+assets/
+*.min.js
+*.bundle.js
+
+# Lock files (Prettier shouldn't touch these)
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
+bun.lockb
+
+# Environment and secrets
+.env*
+*.local
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# System files
+.DS_Store

package/dist/template/base/TS/ejs/App.vue.ejs

@@ -0,0 +1,148 @@
+<script setup lang="ts">
+  import HelloWorld from './components/HelloWorld.vue'
+  <% if(!useVueRouter) { %>
+  import TheWelcome from './components/TheWelcome.vue'
+  <% } %>
+  <% if(usePinia) { %>
+  import {
+    useCounterStore
+  } from './stores/counter'
+  <% } %>
+  <% if(usePiniaPluginPersistedstate) { %>
+  import {
+    useKeyStore
+  } from './stores/key'
+  <% } %>
+  <% if(useVueRouter) { %>import {
+    useRoute
+  }
+  from 'vue-router'
+  <% } %>
+
+  <% if(usePinia) { %>
+  const counterStore = useCounterStore()
+  <% } %>
+  <% if(usePiniaPluginPersistedstate) { %>
+  const keyStore = useKeyStore()
+  <% } %>
+  <% if(useVueRouter) { %>
+  const route = useRoute()
+  <% } %>
+</script>
+
+<template>
+  <header>
+    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
+
+    <div class="wrapper">
+      <HelloWorld msg="You did it!" />
+      <% if(usePinia) { %><button class="piniaBtn" @click="counterStore.increment">Count is:
+        {{ counterStore.count }}</button><% } %>
+      <% if(usePiniaPluginPersistedstate) { %><input class="persistInp" v-model="keyStore.key" placeholder="Enter a key to persist" /><% } %>
+      <% if(useVueRouter) { %>
+      <!-- 按钮切换页面 -->
+      <div>
+        <button class="routerBtn">
+          <router-link to="/home">
+            <span :class="{ 'active-link': route.name === 'home' }">
+              Home
+            </span>
+          </router-link>
+        </button>
+        <span style="margin: 0 5px">|</span>
+        <button class="routerBtn">
+          <router-link to="/about">
+            <span :class="{ 'active-link': route.name === 'about' }">
+              About
+            </span>
+          </router-link>
+        </button>
+      </div><% } %>
+    </div>
+  </header>
+
+  <main>
+    <% if(useVueRouter) { %>
+    <router-view />
+    <% } %>
+    <% if(!useVueRouter) { %>
+    <TheWelcome />
+    <% } %>
+  </main>
+</template>
+
+<style scoped>
+  header {
+    line-height: 1.5;
+  }
+
+  .logo {
+    display: block;
+    margin: 0 auto 2rem;
+  }
+
+  <% if(usePinia) {
+    %>.piniaBtn {
+      margin-top: 1rem;
+      padding: 0.5rem 1rem;
+      font-size: 1rem;
+      border: none;
+      border-radius: 4px;
+      background-color: #42b983;
+      color: white;
+      cursor: pointer;
+    }
+
+    <%
+  }
+
+  %><% if(usePiniaPluginPersistedstate) {
+    %>.persistInp {
+      margin-top: 1rem;
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      width: 100%;
+      max-width: 300px;
+    }
+
+    <%
+  }
+
+  %><%if(useVueRouter) {
+    %>.routerBtn {
+      margin-top: 1rem;
+      padding: 0.5rem 1rem;
+      font-size: 1rem;
+      border: none;
+      background: none;
+    }
+
+    .active-link {
+      font-weight: bold;
+      color: hsla(160, 100%, 30%, 1);
+      border-bottom: 2px solid hsla(160, 100%, 37%, 1);
+    }
+
+    <%
+  }
+
+  %>@media (min-width: 1024px) {
+    header {
+      display: flex;
+      place-items: center;
+      padding-right: calc(var(--section-gap) / 2);
+    }
+
+    .logo {
+      margin: 0 2rem 0 0;
+    }
+
+    header .wrapper {
+      display: flex;
+      place-items: flex-start;
+      flex-wrap: wrap;
+    }
+  }
+</style>

package/dist/template/base/{static/README.md → TS/ejs/README.md.ejs}

@@ -1,4 +1,4 @@
-# create-tm
+# <%= projectName %>
 
 This template should help get you started developing with Vue 3 in Vite.
 
@@ -15,6 +15,10 @@ This template should help get you started developing with Vue 3 in Vite.
   - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
   - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
 
+## 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 [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
 ## Customize configuration
 
 See [Vite Configuration Reference](https://vite.dev/config/).
@@ -31,7 +35,7 @@ pnpm install
 pnpm dev
 ```
 
-### Compile and Minify for Production
+### Type-Check, Compile and Minify for Production
 
 ```sh
 pnpm build

package/dist/template/base/TS/ejs/main.ts.ejs

@@ -0,0 +1,18 @@
+import './assets/main.css'
+import { createApp } from 'vue'
+import App from './App.vue'
+<% if(usePinia) { %>import { createPinia } from 'pinia'<% } %>
+<% if(usePiniaPluginPersistedstate) { %>import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'<% } %>
+<% if(useVueRouter) { %>import router from './router/index.js';<% } %>
+
+createApp(App)
+<% if(usePinia) { %>
+.use(createPinia()
+<% if(usePiniaPluginPersistedstate) { %>
+.use(piniaPluginPersistedstate)
+<% } %>
+)
+<% } %>
+<% if(useVueRouter) { %>
+.use(router)
+<% } %>.mount('#app')

package/dist/template/base/TS/static/_gitignore

@@ -0,0 +1,38 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
+
+.eslintcache
+
+.husky/
+
+# Cypress
+/cypress/videos/
+/cypress/screenshots/
+
+# Vitest
+__screenshots__/

package/dist/template/base/TS/static/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/dist/template/base/TS/static/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/dist/template/base/TS/static/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "base",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build"
+  },
+  "dependencies": {
+    "vue": "^3.5.26"
+  },
+  "devDependencies": {
+    "@tsconfig/node24": "^24.0.3",
+    "@types/node": "^24.10.4",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vue/tsconfig": "^0.8.1",
+    "npm-run-all2": "^8.0.4",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.0",
+    "vite-plugin-vue-devtools": "^8.0.5",
+    "vue-tsc": "^3.2.2"
+  }
+}

package/dist/template/base/TS/static/src/assets/base.css

@@ -0,0 +1,86 @@
+/* color palette from <https://github.com/vuejs/theme> */
+:root {
+  --vt-c-white: #ffffff;
+  --vt-c-white-soft: #f8f8f8;
+  --vt-c-white-mute: #f2f2f2;
+
+  --vt-c-black: #181818;
+  --vt-c-black-soft: #222222;
+  --vt-c-black-mute: #282828;
+
+  --vt-c-indigo: #2c3e50;
+
+  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
+  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
+  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
+  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
+
+  --vt-c-text-light-1: var(--vt-c-indigo);
+  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
+  --vt-c-text-dark-1: var(--vt-c-white);
+  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+}
+
+/* semantic color variables for this project */
+:root {
+  --color-background: var(--vt-c-white);
+  --color-background-soft: var(--vt-c-white-soft);
+  --color-background-mute: var(--vt-c-white-mute);
+
+  --color-border: var(--vt-c-divider-light-2);
+  --color-border-hover: var(--vt-c-divider-light-1);
+
+  --color-heading: var(--vt-c-text-light-1);
+  --color-text: var(--vt-c-text-light-1);
+
+  --section-gap: 160px;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-background: var(--vt-c-black);
+    --color-background-soft: var(--vt-c-black-soft);
+    --color-background-mute: var(--vt-c-black-mute);
+
+    --color-border: var(--vt-c-divider-dark-2);
+    --color-border-hover: var(--vt-c-divider-dark-1);
+
+    --color-heading: var(--vt-c-text-dark-1);
+    --color-text: var(--vt-c-text-dark-2);
+  }
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  font-weight: normal;
+}
+
+body {
+  min-height: 100vh;
+  color: var(--color-text);
+  background: var(--color-background);
+  transition:
+    color 0.5s,
+    background-color 0.5s;
+  line-height: 1.6;
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
+    sans-serif;
+  font-size: 15px;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/dist/template/base/TS/static/src/assets/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>

package/dist/template/base/TS/static/src/assets/main.css

@@ -0,0 +1,35 @@
+@import './base.css';
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  font-weight: normal;
+}
+
+a,
+.green {
+  text-decoration: none;
+  color: hsla(160, 100%, 37%, 1);
+  transition: 0.4s;
+  padding: 3px;
+}
+
+@media (hover: hover) {
+  a:hover {
+    background-color: hsla(160, 100%, 37%, 0.2);
+  }
+}
+
+@media (min-width: 1024px) {
+  body {
+    display: flex;
+    place-items: center;
+  }
+
+  #app {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    padding: 0 2rem;
+  }
+}