migrating to tailwind v4 and daisy v5

package.json

@@ -17,22 +17,20 @@
     "@tauri-apps/api": "^2.2.0"
   },
   "devDependencies": {
+    "@tailwindcss/vite": "^4.0.0-beta.9",
     "@tauri-apps/cli": "^2.2.2",
     "@tsconfig/node22": "^22.0.0",
     "@types/node": "^22.10.5",
-    "@types/tailwindcss": "^3.1.0",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/eslint-config-prettier": "^10.1.0",
     "@vue/eslint-config-typescript": "^14.2.0",
     "@vue/tsconfig": "^0.7.0",
-    "autoprefixer": "^10.4.20",
+    "daisyui": "^5.0.0-beta.1",
-    "daisyui": "^4.12.23",
     "eslint": "^9.17.0",
     "eslint-plugin-vue": "^9.32.0",
     "npm-run-all2": "^7.0.2",
-    "postcss": "^8.4.49",
     "prettier": "^3.4.2",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.0.0-beta.9",
     "typescript": "^5.7.3",
     "vite": "^6.0.7",
     "vite-plugin-vue-devtools": "^7.7.0",

postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

src/assets/main.css

@@ -1,3 +1,2 @@
-@tailwind base;
+@import 'tailwindcss';
-@tailwind components;
+@plugin "daisyui";
-@tailwind utilities;

tailwind.config.ts

@@ -1,8 +0,0 @@
-import type { Config } from 'tailwindcss'
-
-export default {
-  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
-  theme: {
-    extend: {},
-  },
-} satisfies Config

vite.config.ts

@@ -2,6 +2,7 @@ import { fileURLToPath, URL } from 'node:url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import tailwindcss from '@tailwindcss/vite';
 //import vueDevTools from 'vite-plugin-vue-devtools'
 
 const host = process.env.TAURI_DEV_HOST
@@ -10,6 +11,7 @@ const host = process.env.TAURI_DEV_HOST
 export default defineConfig({
   plugins: [
     vue(),
+    tailwindcss(),
     //    vueDevTools(),
   ],