feat: tailwind and nuxt ui

vite.config.ts

@@ -1,15 +1,13 @@
 import path from "node:path";
 import ui from "@nuxt/ui/vite";
+import tailwindcss from "@tailwindcss/vite";
 import legacy from "@vitejs/plugin-legacy";
 import vue from "@vitejs/plugin-vue";
 import jsx from "@vitejs/plugin-vue-jsx";
 import dotenv from "dotenv";
-import UnoCSS from "unocss/vite";
-import autoImport from "unplugin-auto-import/vite";
 import iconsResolver from "unplugin-icons/resolver";
 import icons from "unplugin-icons/vite";
 import { IonicResolver } from "unplugin-vue-components/resolvers";
-import components from "unplugin-vue-components/vite";
 import { defineConfig } from "vite";
 
 const env = dotenv.config({ path: `.env` }).parsed as Record<string, string>;
@@ -22,21 +20,22 @@ export default defineConfig({
     vue(),
     jsx(),
     legacy(),
-    autoImport({
-      dirs: ["src/composables", "src/utils", "src/store"],
-      imports: ["vue", "vue-router", "@vueuse/core", "vue-i18n"],
-      resolvers: [IonicResolver()],
-      vueTemplate: true,
-    }),
-    components({
-      directoryAsNamespace: true,
-      resolvers: [IonicResolver(), iconsResolver({ prefix: "i" })],
-    }),
     icons({
       autoInstall: true,
     }),
-    UnoCSS(),
-    ui(),
+    tailwindcss(),
+    ui({
+      autoImport: {
+        dirs: ["src/composables", "src/utils", "src/store"],
+        imports: ["vue", "vue-router", "@vueuse/core", "vue-i18n"],
+        resolvers: [IonicResolver()],
+        vueTemplate: true,
+      },
+      components: {
+        directoryAsNamespace: true,
+        resolvers: [IonicResolver(), iconsResolver({ prefix: "i" })],
+      },
+    }),
   ],
   resolve: {
     alias: {