feat: :wrench: add tailwind

app/app.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <NuxtRouteAnnouncer />
-    <NuxtWelcome />
+      <h1 class="text-3xl font-bold underline">
+        Hello world!
+      </h1>
   </div>
 </template>

app/assets/css/main.css

@@ -0,0 +1 @@
+@import "tailwindcss";

nuxt.config.ts

@@ -1,6 +1,17 @@
+import tailwindcss from "@tailwindcss/vite";
+
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   compatibilityDate: '2025-07-15',
   devtools: { enabled: true },
-  modules: ['@nuxt/eslint', '@nuxt/image', '@nuxt/ui']
+
+  modules: [
+    '@nuxt/eslint',
+    '@nuxt/image',
+    '@nuxt/ui',
+  ],
+  css: ['~/assets/css/main.css'],
+  vite: {
+    plugins: [tailwindcss()]
+  },
 })

package-lock.json

@@ -10,8 +10,10 @@
         "@nuxt/eslint": "^1.9.0",
         "@nuxt/image": "^1.11.0",
         "@nuxt/ui": "^4.0.0",
+        "@tailwindcss/vite": "^4.1.13",
         "eslint": "^9.36.0",
         "nuxt": "^4.1.2",
+        "tailwindcss": "^4.1.13",
         "typescript": "^5.9.2",
         "vue": "^3.5.21",
         "vue-router": "^4.5.1"

package.json

@@ -13,8 +13,10 @@
     "@nuxt/eslint": "^1.9.0",
     "@nuxt/image": "^1.11.0",
     "@nuxt/ui": "^4.0.0",
+    "@tailwindcss/vite": "^4.1.13",
     "eslint": "^9.36.0",
     "nuxt": "^4.1.2",
+    "tailwindcss": "^4.1.13",
     "typescript": "^5.9.2",
     "vue": "^3.5.21",
     "vue-router": "^4.5.1"