feat: 侧边栏开发，降低tailwind版本

jsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/renderer/*"]
+    },
+    "allowJs": true,
+    "checkJs": false,
+    "jsx": "preserve",
+    "strict": false,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "types": ["node"],
+    "typeRoots": ["./node_modules/@types", "./node_modules"]
+  },
+  "include": ["src/**/*", "*.config.mjs", "*.config.js"],
+  "exclude": ["node_modules", "dist", ".vite"]
+}

package.json

@@ -30,13 +30,14 @@
     "@electron-forge/plugin-fuses": "^7.11.1",
     "@electron-forge/plugin-vite": "^7.11.1",
     "@electron/fuses": "^1.8.0",
-    "@tailwindcss/vite": "^4.2.2",
     "@vitejs/plugin-vue": "^6.0.5",
+    "autoprefixer": "^10.4.27",
     "electron": "^41.2.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.4.0",
+    "postcss": "^8.5.9",
     "prettier": "3.8.1",
-    "tailwindcss": "^4.2.2",
+    "tailwindcss": "^3.4.19",
     "vite": "^5.4.21"
   },
   "dependencies": {

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

src/renderer/main.js

@@ -5,7 +5,7 @@ import * as ElementPlusIconsVue from '@element-plus/icons-vue';
 import 'element-plus/dist/index.css';
 import router from './router';
 import App from './App.vue';
-import './style.css';
+import './styles/index.css';
 import AppIcon from './components/base/AppIcon.vue';
 import LucideIcon from './components/base/LucideIcon.vue';
 

src/renderer/style.css

@@ -1,5 +1,3 @@
-@import "tailwindcss";
-
 /* =====================
    shadcn CSS 变量 (light)
    ===================== */

src/renderer/styles/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./src/index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};

vite.renderer.config.mjs

@@ -1,13 +1,11 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
-import tailwindcss from '@tailwindcss/vite';
 import { resolve } from 'path';
 
 // https://vitejs.dev/config
 export default defineConfig({
   plugins: [
     vue(),
-    tailwindcss(),
   ],
   resolve: {
     alias: {