refactor(projects): refactor template-vue

honghuangdc · honghuangdc · commit ba151f6a4143 · 2025-12-24T10:51:59.000+08:00
diff --git a/packages/create-soybean/template-vue-tsdown/src/demo-pkg.vue b/packages/create-soybean/template-vue-tsdown/src/demo-pkg.vue
@@ -41,5 +41,3 @@ const handleClick = () => {
     <slot name="footer" :count="10"></slot>
   </div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/.vscode/settings.json b/packages/create-soybean/template-vue/.vscode/settings.json
@@ -4,9 +4,18 @@
     "source.organizeImports": "never"
   },
   "editor.formatOnSave": false,
-  "eslint.validate": ["html", "css", "scss", "json", "jsonc"],
-  "prettier.enable": false,
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "unocss.root": ["./"],
-  "vue.server.hybridMode": true
+  "eslint.validate": [
+    "html",
+    "css",
+    "scss",
+    "json",
+    "jsonc",
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "markdown"
+  ],
+  "prettier.enable": false
 }
diff --git a/packages/create-soybean/template-vue/package.json b/packages/create-soybean/template-vue/package.json
@@ -17,17 +17,17 @@
     "update-pkg": "soy ncu"
   },
   "dependencies": {
+    "@soybeanjs/ui": "0.0.7",
     "@unocss/reset": "66.5.10",
     "klona": "2.0.6",
     "pinia": "3.0.4",
-    "soy-ui": "0.0.2-beta.5",
     "vue": "3.5.26",
     "vue-router": "4.6.4"
   },
   "devDependencies": {
-    "@soybean-ui/unocss-preset": "0.0.2-beta.5",
     "@soybeanjs/cli": "1.4.1",
     "@soybeanjs/eslint-config": "1.7.5",
+    "@soybeanjs/unocss-preset": "0.1.7",
     "@types/node": "25.0.3",
     "@unocss/eslint-config": "66.5.10",
     "@vitejs/plugin-vue": "6.0.3",
diff --git a/packages/create-soybean/template-vue/src/layouts/base/index.vue b/packages/create-soybean/template-vue/src/layouts/base/index.vue
@@ -7,5 +7,3 @@ import { RouterView } from 'vue-router';
     <RouterView />
   </SCard>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/layouts/blank/index.vue b/packages/create-soybean/template-vue/src/layouts/blank/index.vue
@@ -7,5 +7,3 @@ import { RouterView } from 'vue-router';
     <RouterView />
   </SCard>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/plugins/assets.ts b/packages/create-soybean/template-vue/src/plugins/assets.ts
@@ -1,3 +1,4 @@
 import '@unocss/reset/tailwind.css';
+import '@soybeanjs/ui/styles.css';
 import 'uno.css';
 import '../styles/app.css';
diff --git a/packages/create-soybean/template-vue/src/typings/components.d.ts b/packages/create-soybean/template-vue/src/typings/components.d.ts
@@ -11,7 +11,7 @@ declare module 'vue' {
     HelloWorld: typeof import('./../components/HelloWorld.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
-    SButton: typeof import('soy-ui')['SButton']
-    SCard: typeof import('soy-ui')['SCard']
+    SButton: typeof import('@soybeanjs/ui')['SButton']
+    SCard: typeof import('@soybeanjs/ui')['SCard']
   }
 }
diff --git a/packages/create-soybean/template-vue/src/views/(builtin)/403.vue b/packages/create-soybean/template-vue/src/views/(builtin)/403.vue
@@ -3,5 +3,3 @@
 <template>
   <div>403</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/(builtin)/404.vue b/packages/create-soybean/template-vue/src/views/(builtin)/404.vue
@@ -3,5 +3,3 @@
 <template>
   <div>404</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/(builtin)/login/index.vue b/packages/create-soybean/template-vue/src/views/(builtin)/login/index.vue
@@ -3,5 +3,3 @@
 <template>
   <div>login</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/(builtin)/wip.vue b/packages/create-soybean/template-vue/src/views/(builtin)/wip.vue
@@ -3,5 +3,3 @@
 <template>
   <div>the page is working in progress</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/home/child.vue b/packages/create-soybean/template-vue/src/views/home/child.vue
@@ -3,5 +3,3 @@
 <template>
   <div>child</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/home/child2.vue b/packages/create-soybean/template-vue/src/views/home/child2.vue
@@ -3,5 +3,3 @@
 <template>
   <div>child2</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/list/[id].vue b/packages/create-soybean/template-vue/src/views/list/[id].vue
@@ -7,5 +7,3 @@ const route = useRoute('ListId');
 <template>
   <div>list-id: {{ route.params.id }}</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/list/add.vue b/packages/create-soybean/template-vue/src/views/list/add.vue
@@ -3,5 +3,3 @@
 <template>
   <div>add</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/list/components/search-list.vue b/packages/create-soybean/template-vue/src/views/list/components/search-list.vue
@@ -3,5 +3,3 @@
 <template>
   <div>search-list</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/list/detail2-[[id]]-[[userId]].vue b/packages/create-soybean/template-vue/src/views/list/detail2-[[id]]-[[userId]].vue
@@ -3,5 +3,3 @@
 <template>
   <div>detail-id-userId</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/list/detail_[id]_[userId].vue b/packages/create-soybean/template-vue/src/views/list/detail_[id]_[userId].vue
@@ -3,5 +3,3 @@
 <template>
   <div>detail-id-userId</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/list/edit_[id].vue b/packages/create-soybean/template-vue/src/views/list/edit_[id].vue
@@ -3,5 +3,3 @@
 <template>
   <div>edit-id</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/list/index.vue b/packages/create-soybean/template-vue/src/views/list/index.vue
@@ -3,5 +3,3 @@
 <template>
   <div>list</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/src/views/list/modules/list-table.vue b/packages/create-soybean/template-vue/src/views/list/modules/list-table.vue
@@ -3,5 +3,3 @@
 <template>
   <div>list-table</div>
 </template>
-
-<style scoped></style>
diff --git a/packages/create-soybean/template-vue/tsconfig.base.json b/packages/create-soybean/template-vue/tsconfig.base.json
@@ -4,7 +4,6 @@
     "jsx": "preserve",
     "jsxImportSource": "vue",
     "lib": ["DOM", "ESNext"],
-    "baseUrl": ".",
     "module": "ESNext",
     "moduleResolution": "bundler",
     "paths": {
diff --git a/packages/create-soybean/template-vue/tsconfig.json b/packages/create-soybean/template-vue/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "types": ["soy-ui"]
+    "types": ["node", "vite/client","@soybeanjs/ui"]
   },
   "extends": "./tsconfig.base.json",
   "include": ["./**/*.ts", "./**/*.tsx", "./**/*.vue"]
diff --git a/packages/create-soybean/template-vue/uno.config.ts b/packages/create-soybean/template-vue/uno.config.ts
@@ -1,18 +1,12 @@
-import { defineConfig, presetWind3, transformerDirectives, transformerVariantGroup } from 'unocss';
-import type { Theme } from '@unocss/preset-uno';
-import { presetSoybeanUI } from '@soybean-ui/unocss-preset';
+import { defineConfig, presetTypography, presetWind3, transformerDirectives, transformerVariantGroup } from 'unocss';
+import { presetSoybeanJS } from '@soybeanjs/unocss-preset';
 
-export default defineConfig<Theme>({
+export default defineConfig({
   content: {
     pipeline: {
-      include: [/\.vue($|\?)/, /.*\/soy-ui.*\.js/]
+      include: [/\.vue($|\?)/]
     }
   },
   transformers: [transformerDirectives(), transformerVariantGroup()],
-  presets: [
-    presetWind3({ dark: 'class' }),
-    presetSoybeanUI({
-      color: 'default'
-    })
-  ]
+  presets: [presetWind3({ dark: 'class' }), presetTypography(), presetSoybeanJS()]
 });
diff --git a/packages/create-soybean/template-vue/vite.config.ts b/packages/create-soybean/template-vue/vite.config.ts
@@ -2,10 +2,9 @@ import { URL, fileURLToPath } from 'node:url';
 import { defineConfig } from 'vite';
 import Vue from '@vitejs/plugin-vue';
 import VueJsx from '@vitejs/plugin-vue-jsx';
-import VueDevtools from 'vite-plugin-vue-devtools';
+import UiResolver from '@soybeanjs/ui/resolver';
 import Unocss from 'unocss/vite';
 import Components from 'unplugin-vue-components/vite';
-import SoybeanUIResolver from 'soy-ui/resolver';
 import ElegantRouter from 'elegant-router/vite';
 
 export default defineConfig({
@@ -17,12 +16,11 @@ export default defineConfig({
   plugins: [
     Vue(),
     VueJsx(),
-    VueDevtools(),
     Unocss(),
     Components({
       dts: 'src/typings/components.d.ts',
       types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }],
-      resolvers: [SoybeanUIResolver()]
+      resolvers: [UiResolver()]
     }),
     ElegantRouter(),
   ]

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ declare module 'vue' {`
`11`	`11`	`HelloWorld: typeof import('./../components/HelloWorld.vue')['default']`
`12`	`12`	`RouterLink: typeof import('vue-router')['RouterLink']`
`13`	`13`	`RouterView: typeof import('vue-router')['RouterView']`
`14`		`- SButton: typeof import('soy-ui')['SButton']`
`15`		`- SCard: typeof import('soy-ui')['SCard']`
	`14`	`+ SButton: typeof import('@soybeanjs/ui')['SButton']`
	`15`	`+ SCard: typeof import('@soybeanjs/ui')['SCard']`
`16`	`16`	`}`
`17`	`17`	`}`