refactor: rely on Nuxt UI Tailwind integration; remove custom postcss/tailwind deps; simplify CSS imports

assets/css/main.css

@@ -1,12 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --ui-primary: 237 85% 62%;
-}
-
-.dark {
-  --ui-primary: 237 85% 70%;
-}
+@import "tailwindcss";
+@import "@nuxt/ui";
 

nuxt.config.ts

@@ -1,4 +1,5 @@
 import { defineNuxtConfig } from "nuxt/config";
+// Tailwind v4 is configured via postcss.config.mjs
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   compatibilityDate: "2025-07-15",
@@ -15,12 +16,11 @@ export default defineNuxtConfig({
   // Global CSS (Tailwind for @nuxt/ui)
   css: ["~/assets/css/main.css"],
 
-  modules: [
-    "@pinia/nuxt",
-    "@nuxt/ui",
-    "@nuxtjs/color-mode",
-    "@nuxtjs/tailwindcss",
-  ],
+  // PostCSS configured separately
+
+  // Vite plugin not required for basics; rely on PostCSS and @nuxt/ui
+
+  modules: ["@pinia/nuxt", "@nuxt/ui", "@nuxtjs/color-mode"],
 
   // Nuxt UI minimal theme customizations live in app.config.ts
 });

package.json

@@ -24,11 +24,10 @@
     "vue-router": "^4.5.1"
   },
   "devDependencies": {
+    "@nuxt/eslint-config": "^1.8.0",
     "@playwright/test": "^1.54.2",
-    "@tailwindcss/postcss": "^4.1.11",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/test-utils": "^2.4.6",
-    "tailwindcss": "^4.1.11",
     "typescript": "^5.9.2",
     "vitest": "^3.2.4"
   }

postcss.config.mjs

@@ -1,9 +0,0 @@
-import tailwindcss from '@tailwindcss/postcss'
-
-export default {
-  plugins: {
-    tailwindcss
-  }
-}
-
-