chore: 更新 unocss 版本及配置 (#3326)

* chore: 升级 unocss 版本 添加 unocss.config.ts 配置文件

* chore: 更新 unocss 插件

.vscode/extensions.json

@@ -7,8 +7,8 @@
     "mrmlnc.vscode-less",
     "lokalise.i18n-ally",
     "antfu.iconify",
+    "antfu.unocss",
     "mikestead.dotenv",
-    "heybourn.headwind",
     "vue.vscode-typescript-vue-plugin"
   ]
 }

.vscode/settings.json

@@ -128,9 +128,11 @@
     "stylelint",
     "tailwindcss",
     "tinymce",
+    "unocss",
     "unref",
     "vben",
     "vditor",
+    "Vite",
     "vitejs",
     "vueuse",
     "zxcvbn"

internal/vite-config/package.json

@@ -47,7 +47,7 @@
     "pkg-types": "^1.0.3",
     "rollup-plugin-visualizer": "^5.9.2",
     "sass": "^1.63.6",
-    "unocss": "^0.53.4",
+    "unocss": "^0.57.7",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-dts": "^3.1.0",
     "vite-plugin-html": "^3.2.0",

internal/vite-config/src/config/common.ts

@@ -1,4 +1,3 @@
-import { presetTypography, presetUno } from 'unocss';
 import UnoCSS from 'unocss/vite';
 import { type UserConfig } from 'vite';
 
@@ -17,11 +16,7 @@ const commonConfig: (mode: string) => UserConfig = (mode) => ({
       maxParallelFileOps: 3,
     },
   },
-  plugins: [
+  plugins: [UnoCSS()],
-    UnoCSS({
-      presets: [presetUno(), presetTypography()],
-    }),
-  ],
 });
 
 export { commonConfig };

uno.config.ts

@@ -0,0 +1,5 @@
+import { defineConfig, presetTypography, presetUno } from 'unocss';
+
+export default defineConfig({
+  presets: [presetUno(), presetTypography()],
+});