feat: 新增插件依赖

vite.renderer.config.ts

@@ -1,25 +1,33 @@
 import { resolve } from "path";
-import vue from "@vitejs/plugin-vue";
-import { defineConfig } from "vite";
+import { defineConfig, type CSSOptions } from "vite";
 
 // https://vitejs.dev/config
-export default defineConfig({
-  plugins: [vue()],
-  css: {
-    postcss: {
-      plugins: [require("tailwindcss"), require("autoprefixer")],
+export default defineConfig(async () => {
+  const vue = (await import("@vitejs/plugin-vue")).default
+  const tailwindcss = (await import('@tailwindcss/vite')).default;
+  const autoImport = (await import('unplugin-auto-import/vite')).default;
+
+  return {
+    plugins: [vue(), tailwindcss(), autoImport({
+      imports: ['vue', 'vue-router', 'pinia', '@vueuse/core'],
+      dts: 'src/renderer/auto-imports.d.ts'
+    })],
+
+    css: {
+      transformer: 'lightningcss' as CSSOptions['transformer'],
     },
-  },
-  resolve: {
-    preserveSymlinks: true,
-    alias: {
-      "@": resolve(__dirname, "./src/renderer"),
-      "@assets": resolve(__dirname, "./src/assets"),
-      "@store": resolve(__dirname, "./src/renderer/store"),
-      "@constant": resolve(__dirname, "./src/renderer/constant"),
-      "@utils": resolve(__dirname, "./src/renderer/utils"),
-      "@api": resolve(__dirname, "./src/renderer/api"),
-      "@/types": resolve(__dirname, "./src/renderer/types"),
+    
+    resolve: {
+      preserveSymlinks: true,
+      alias: {
+        "@": resolve(__dirname, "./src/renderer"),
+        "@assets": resolve(__dirname, "./src/assets"),
+        "@store": resolve(__dirname, "./src/renderer/store"),
+        "@constant": resolve(__dirname, "./src/renderer/constant"),
+        "@utils": resolve(__dirname, "./src/renderer/utils"),
+        "@api": resolve(__dirname, "./src/renderer/api"),
+        "@/types": resolve(__dirname, "./src/renderer/types"),
+      },
     },
-  },
+  }
 });