@tomjs/create-app 5.1.0 → 5.2.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tomjs/create-app",
   "type": "module",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "description": "Create a node/web/electron/vscode project based on tomjs",
   "author": {
     "name": "Tom Gao",
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@clack/prompts": "^0.11.0",
-    "@tomjs/logger": "^1.4.0",
+    "@tomjs/logger": "^3.0.0",
     "@tomjs/node": "^2.2.3",
     "chalk": "^5.6.2",
     "dayjs": "^1.11.19",
@@ -61,9 +61,9 @@
     "@antfu/eslint-config": "^6.7.3",
     "@commitlint/cli": "^20.3.0",
     "@tomjs/commitlint": "^5.0.0",
-    "@tomjs/eslint": "^6.4.0",
-    "@tomjs/stylelint": "^7.0.0",
-    "@tomjs/tsconfig": "^3.0.1",
+    "@tomjs/eslint": "^6.5.0",
+    "@tomjs/stylelint": "^7.1.0",
+    "@tomjs/tsconfig": "^3.2.0",
     "@tsconfig/node20": "^20.1.8",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^20.19.27",

package/templates/config/base/package.json

@@ -6,6 +6,9 @@
     "lint": "eslint --fix",
     "prepare": "simple-git-hooks"
   },
+  "dependencies": {
+    "dayjs": "^1.11.19"
+  },
   "devDependencies": {
     "@antfu/eslint-config": "^6.7.3",
     "@commitlint/cli": "^20.3.0",

package/templates/config/electron/package.json

@@ -5,9 +5,9 @@
     "build": "vite build"
   },
   "devDependencies": {
-    "@tomjs/vite-plugin-electron": "^2.2.0",
+    "@tomjs/vite-plugin-electron": "^2.4.2",
     "electron": "^39.2.7",
-    "electron-builder": "^26.0.12",
+    "electron-builder": "^26.4.0",
     "vite-plugin-electron-renderer": "^0.14.6"
   }
 }

package/templates/config/hbuilderx/package.json

@@ -91,6 +91,6 @@
   },
   "devDependencies": {
     "@tomjs/hbuilderx-cli": "^1.3.1",
-    "@tomjs/vite-plugin-hbuilderx": "^1.2.0"
+    "@tomjs/vite-plugin-hbuilderx": "^1.3.0"
   }
 }

package/templates/config/package.json

@@ -2,37 +2,40 @@
   "dependencies": {
     "@antfu/eslint-config": "^6.7.3",
     "@clack/prompts": "^0.11.0",
-    "@commitlint/cli": "^20.3.0",
-    "@eslint-react/eslint-plugin": "^2.5.1",
+    "@commitlint/cli": "^20.3.1",
+    "@eslint-react/eslint-plugin": "^2.5.5",
     "@tomjs/commitlint": "^5.0.0",
     "@tomjs/eslint": "^6.5.0",
     "@tomjs/hbuilderx": "^1.2.0",
     "@tomjs/hbuilderx-cli": "^1.3.1",
     "@tomjs/logger": "^3.0.0",
     "@tomjs/node": "^2.2.3",
-    "@tomjs/stylelint": "^7.0.0",
+    "@tomjs/stylelint": "^7.1.1",
     "@tomjs/tsconfig": "^3.2.0",
-    "@tomjs/vite-plugin-electron": "^2.3.0",
-    "@tomjs/vite-plugin-hbuilderx": "^1.2.0",
-    "@tomjs/vite-plugin-vscode": "^6.1.0",
+    "@tomjs/vite-plugin-electron": "^2.4.2",
+    "@tomjs/vite-plugin-hbuilderx": "^1.3.0",
+    "@tomjs/vite-plugin-vscode": "^7.0.0",
     "@tomjs/vscode": "^2.5.0",
     "@tomjs/vscode-dev": "^3.1.2",
     "@tomjs/vscode-webview": "^2.0.2",
-    "@types/node": "^20.19.27",
-    "@types/react": "^19.2.7",
+    "@types/node": "^20.19.28",
+    "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
     "@types/vscode": "^1.56.0",
     "@types/vscode-webview": "^1.57.5",
+    "@unocss/eslint-plugin": "^66.5.12",
     "@vitejs/plugin-react": "^5.1.2",
     "@vitejs/plugin-react-swc": "^4.2.2",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vscode/webview-ui-toolkit": "^1.4.0",
     "@vue/tsconfig": "^0.8.1",
+    "@vueuse/core": "^14.1.0",
     "chalk": "^5.6.2",
     "cosmiconfig": "^9.0.0",
     "cross-env": "^10.1.0",
+    "dayjs": "^1.11.19",
     "electron": "^39.2.7",
-    "electron-builder": "^26.0.12",
+    "electron-builder": "^26.4.0",
     "eslint": "^9.39.2",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.26",
@@ -41,20 +44,25 @@
     "meow": "^14.0.0",
     "npm-run-all2": "^8.0.4",
     "ora": "^9.0.0",
+    "pinia": "^3.0.4",
     "publint": "0.3.16",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "sass": "^1.97.2",
     "simple-git-hooks": "^2.13.1",
     "stylelint": "^16.26.1",
-    "tsdown": "^0.18.4",
+    "tsdown": "^0.19.0",
     "tsx": "^4.21.0",
     "typescript": "~5.9.3",
-    "vite": "^7.3.0",
+    "unocss": "^66.5.12",
+    "unplugin-auto-import": "^20.3.0",
+    "unplugin-vue-components": "^30.0.0",
+    "vite": "^7.3.1",
     "vite-plugin-electron-renderer": "^0.14.6",
     "vite-plugin-vue-devtools": "^8.0.5",
     "vue": "^3.5.26",
     "vue-i18n": "^11.2.8",
+    "vue-router": "^4.6.4",
     "vue-tsc": "^3.2.2"
   }
 }

package/templates/config/react/package.json

@@ -4,12 +4,12 @@
     "react-dom": "^19.2.3"
   },
   "devDependencies": {
-    "@eslint-react/eslint-plugin": "^2.5.0",
-    "@types/react": "^19.2.7",
+    "@eslint-react/eslint-plugin": "^2.5.5",
+    "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react-swc": "^4.2.2",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.26",
-    "vite": "^7.3.0"
+    "vite": "^7.3.1"
   }
 }

package/templates/{web-react → config/react}/tsconfig.app.json

@@ -2,6 +2,9 @@
   "extends": "@tomjs/tsconfig/react-dom.json",
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
     "types": ["vite/client"]
   },
   "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.d.ts"]

package/templates/config/style/package.json

@@ -5,8 +5,8 @@
     "lint:eslint": "eslint --fix"
   },
   "devDependencies": {
-    "@tomjs/stylelint": "^7.0.0",
-    "sass": "^1.97.1",
+    "@tomjs/stylelint": "^7.1.1",
+    "sass": "^1.97.2",
     "stylelint": "^16.26.1"
   }
 }

package/templates/config/style/stylelint.config.mjs

@@ -1,3 +1,7 @@
+import { IGNORE_FILES } from '@tomjs/stylelint';
+
+/** @type {import('stylelint').Config} */
 export default {
   extends: ['@tomjs/stylelint'],
+  ignoreFiles: [...IGNORE_FILES],
 };

package/templates/config/vscode/package.json

@@ -37,7 +37,7 @@
     "@vscode/webview-ui-toolkit": "^1.4.0"
   },
   "devDependencies": {
-    "@tomjs/vite-plugin-vscode": "^6.1.0",
+    "@tomjs/vite-plugin-vscode": "^7.0.0",
     "@tomjs/vscode-dev": "^3.1.2",
     "@types/vscode": "^1.56.0",
     "@types/vscode-webview": "^1.57.5"

package/templates/config/vue/_eslint.config.mjs

@@ -0,0 +1,5 @@
+import defineConfig from '@tomjs/eslint';
+
+export default defineConfig({
+  unocss: true,
+});

package/templates/config/vue/env.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="vite/client" />
+/// <reference types="./auto-imports.d.ts" />
+/// <reference types="./components.d.ts" />

package/templates/config/vue/package.json

@@ -1,11 +1,17 @@
 {
   "dependencies": {
+    "@vueuse/core": "^14.1.0",
+    "pinia": "^3.0.4",
     "vue": "^3.5.26"
   },
   "devDependencies": {
+    "@unocss/eslint-plugin": "^66.5.12",
     "@vitejs/plugin-vue": "^6.0.3",
-    "vite": "^7.3.0",
+    "unocss": "^66.5.12",
+    "unplugin-auto-import": "^20.3.0",
+    "unplugin-vue-components": "^30.0.0",
+    "vite": "^7.3.1",
     "vite-plugin-vue-devtools": "^8.0.5",
-    "vue-tsc": "^3.2.1"
+    "vue-tsc": "^3.2.2"
   }
 }

package/templates/{web-vue → config/vue}/tsconfig.app.json

@@ -2,7 +2,13 @@
   "extends": "@tomjs/tsconfig/vue-dom.json",
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "types": ["vite/client"]
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
+  "include": [
+    "env.d.ts",
+    "src/**/*",
+    "src/**/*.vue"
+  ]
 }

package/templates/config/vue/uno.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig, presetAttributify, presetIcons, presetWind4 } from 'unocss';
+
+export default defineConfig({
+  presets: [
+    presetWind4(),
+    presetAttributify(),
+    presetIcons({ warn: true }),
+  ],
+});

package/templates/electron-react/vite.config.ts

@@ -1,14 +1,18 @@
+import { fileURLToPath, URL } from 'node:url';
 import electron from '@tomjs/vite-plugin-electron';
 import react from '@vitejs/plugin-react-swc';
 import { defineConfig } from 'vite';
 import renderer from 'vite-plugin-electron-renderer';
 
 export default defineConfig({
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
   plugins: [
     react(),
-    electron({
-      external: ['fs-extra'],
-    }),
     renderer(),
+    electron(),
   ],
 });

package/templates/electron-vue/package.json

@@ -12,7 +12,9 @@
     "build": "vue-tsc --noEmit && vite build",
     "release": "vue-tsc --noEmit && cross-env VITE_ELECTRON_BUILDER=1 vite build"
   },
-  "dependencies": {},
+  "dependencies": {
+    "vue-router": "^4.6.4"
+  },
   "devDependencies": {
     "vite-plugin-electron-renderer": "^0.14.6"
   }

package/templates/electron-vue/vite.config.ts

@@ -1,14 +1,28 @@
+import { fileURLToPath, URL } from 'node:url';
 import electron from '@tomjs/vite-plugin-electron';
 import vue from '@vitejs/plugin-vue';
+import UnoCSS from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
 import { defineConfig } from 'vite';
 import renderer from 'vite-plugin-electron-renderer';
 import devtools from 'vite-plugin-vue-devtools';
 
 export default defineConfig({
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
   plugins: [
     vue(),
-    electron({ builder: true }),
-    devtools({}),
+    AutoImport({
+      imports: ['vue', 'vue-router'],
+    }),
+    Components(),
+    UnoCSS(),
     renderer(),
+    electron({ builder: true }),
+    devtools(),
   ],
 });

package/templates/hbuilderx-react/vite.config.ts

@@ -1,4 +1,5 @@
 import path from 'node:path';
+import { fileURLToPath, URL } from 'node:url';
 import hbuilderx from '@tomjs/vite-plugin-hbuilderx';
 import react from '@vitejs/plugin-react-swc';
 import { defineConfig } from 'vite';
@@ -7,9 +8,9 @@ import { defineConfig } from 'vite';
 export default defineConfig({
   resolve: {
     alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
       // https://github.com/facebook/react/issues/24928#issuecomment-2267624188
       'react': path.resolve(process.cwd(), 'node_modules/react'),
-      '@': '/src',
     },
   },
   build: {

package/templates/hbuilderx-vue/tsconfig.app.json

@@ -11,8 +11,8 @@
     ]
   },
   "include": [
-    "src/**/*.ts",
-    "src/**/*.d.ts",
+    "env.d.ts",
+    "src/**/*",
     "src/**/*.vue"
   ]
 }

package/templates/hbuilderx-vue/vite.config.ts

@@ -1,5 +1,9 @@
+import { fileURLToPath, URL } from 'node:url';
 import hbuilderx from '@tomjs/vite-plugin-hbuilderx';
 import vue from '@vitejs/plugin-vue';
+import UnoCSS from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
 import { defineConfig } from 'vite';
 import devtools from 'vite-plugin-vue-devtools';
 
@@ -7,11 +11,21 @@ import devtools from 'vite-plugin-vue-devtools';
 export default defineConfig({
   resolve: {
     alias: {
-      '@': '/src',
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
   },
   build: {
-    assetsInlineLimit: 1024 * 100,
+    chunkSizeWarningLimit: 102400,
+    reportCompressedSize: false,
   },
-  plugins: [vue(), hbuilderx(), devtools()],
+  plugins: [
+    vue(),
+    AutoImport({
+      imports: ['vue'],
+    }),
+    Components(),
+    hbuilderx(),
+    UnoCSS(),
+    devtools(),
+  ],
 });

package/templates/node-vite/examples/vue/src/App.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
+import HelloWorld from './components/HelloWorld.vue';
 </script>
 
 <template>
   <div>
     <a href="https://vite.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
+      <img src="/vite.svg" class="logo" alt="Vite logo">
     </a>
     <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo">
     </a>
   </div>
   <HelloWorld msg="Vite + Vue" />

package/templates/node-vite/examples/vue/src/components/HelloWorld.vue

@@ -1,16 +1,18 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref } from 'vue';
 
-defineProps<{ msg: string }>()
+defineProps<{ msg: string }>();
 
-const count = ref(0)
+const count = ref(0);
 </script>
 
 <template>
   <h1>{{ msg }}</h1>
 
   <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
+    <button type="button" @click="count++">
+      count is {{ count }}
+    </button>
   </div>
 </template>
 

package/templates/vscode-react/vite.config.ts

@@ -1,4 +1,4 @@
-import path from 'node:path';
+import { fileURLToPath, URL } from 'node:url';
 import vscode from '@tomjs/vite-plugin-vscode';
 import react from '@vitejs/plugin-react-swc';
 import { defineConfig } from 'vite';
@@ -8,9 +8,13 @@ export default defineConfig(() => {
   return {
     resolve: {
       alias: {
-        '@': path.join(__dirname, 'src'),
+        '@': fileURLToPath(new URL('./src', import.meta.url)),
       },
     },
+    build: {
+      chunkSizeWarningLimit: 102400,
+      reportCompressedSize: false,
+    },
     plugins: [
       react(),
       vscode(),

package/templates/vscode-vue/vite.config.ts

@@ -1,16 +1,24 @@
-import path from 'node:path';
+import { fileURLToPath, URL } from 'node:url';
 import vscode from '@tomjs/vite-plugin-vscode';
 import vue from '@vitejs/plugin-vue';
+import UnoCSS from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
 import { defineConfig } from 'vite';
+import devtools from 'vite-plugin-vue-devtools';
 
 // https://vitejs.dev/config/
 export default defineConfig(() => {
   return {
     resolve: {
       alias: {
-        '@': path.join(__dirname, 'src'),
+        '@': fileURLToPath(new URL('./src', import.meta.url)),
       },
     },
+    build: {
+      chunkSizeWarningLimit: 102400,
+      reportCompressedSize: false,
+    },
     plugins: [
       vue({
         template: {
@@ -19,7 +27,13 @@ export default defineConfig(() => {
           },
         },
       }),
+      AutoImport({
+        imports: ['vue'],
+      }),
+      Components(),
+      UnoCSS(),
       vscode(),
+      devtools(),
     ],
   };
 });

package/templates/web-react/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/templates/web-react/vite.config.ts

@@ -1,4 +1,5 @@
 import path from 'node:path';
+import { fileURLToPath, URL } from 'node:url';
 import react from '@vitejs/plugin-react-swc';
 import { defineConfig } from 'vite';
 
@@ -6,8 +7,9 @@ import { defineConfig } from 'vite';
 export default defineConfig({
   resolve: {
     alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
       // https://github.com/facebook/react/issues/24928#issuecomment-2267624188
-      react: path.resolve(process.cwd(), 'node_modules/react'),
+      'react': path.resolve(process.cwd(), 'node_modules/react'),
     },
   },
   plugins: [react()],

package/templates/web-vue/package.json

@@ -7,5 +7,8 @@
     "dev": "vite",
     "build": "vue-tsc -b && vite build",
     "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue-router": "^4.6.4"
   }
 }

package/templates/web-vue/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/templates/web-vue/src/App.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
+import HelloWorld from './components/HelloWorld.vue';
 </script>
 
 <template>
   <div>
     <a href="https://vite.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
+      <img src="/vite.svg" class="logo" alt="Vite logo">
     </a>
     <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo">
     </a>
   </div>
   <HelloWorld msg="Vite + Vue" />

package/templates/web-vue/src/components/HelloWorld.vue

@@ -1,16 +1,18 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref } from 'vue';
 
-defineProps<{ msg: string }>()
+defineProps<{ msg: string }>();
 
-const count = ref(0)
+const count = ref(0);
 </script>
 
 <template>
   <h1>{{ msg }}</h1>
 
   <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
+    <button type="button" @click="count++">
+      count is {{ count }}
+    </button>
   </div>
 </template>
 

package/templates/web-vue/src/main.ts

@@ -1,5 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
-import './style.css';
+import './style.scss';
 
 createApp(App).mount('#app');

package/templates/web-vue/vite.config.ts

@@ -1,7 +1,25 @@
+import { fileURLToPath, URL } from 'node:url';
 import vue from '@vitejs/plugin-vue';
+import UnoCSS from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
 import { defineConfig } from 'vite';
+import devtools from 'vite-plugin-vue-devtools';
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+  plugins: [
+    vue(),
+    AutoImport({
+      imports: ['vue', 'vue-router'],
+    }),
+    Components(),
+    UnoCSS(),
+    devtools(),
+  ],
 });

package/templates/vscode-react/tsconfig.app.json

@@ -1,8 +0,0 @@
-{
-  "extends": "@tomjs/tsconfig/react-dom.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "types": ["vite/client"]
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.d.ts"]
-}

package/templates/vscode-vue/tsconfig.app.json

@@ -1,8 +0,0 @@
-{
-  "extends": "@tomjs/tsconfig/vue-dom.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "types": ["vite/client"]
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/**/*.d.ts"]
-}