NuxtN
Nuxt•10mo ago•
17 replies
Rohjans

Tailwind styles not working after migrating to NuxtUI v3

I followed the official NuxtUI migration guide to v3 and changed the tailwindcss versions, but the tailwind classes have no styles at all.

Here a relevant part of my nuxt.config
import tailwindcss from "@tailwindcss/vite"

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    compatibilityDate: '2025-04-20',
    devtools: { enabled: true },
    vite: {
        plugins: [
            tailwindcss(),
        ],
    },
    modules: [
      '@nuxt/ui',
      '@nuxtjs/color-mode',
      '@nuxt/icon',
      '@sidebase/nuxt-auth',
      '@pinia/nuxt',
      '@pinia-plugin-persistedstate/nuxt',
      '@nuxt/eslint',
      '@nuxtjs/i18n',
      '@compodium/nuxt'
    ],
    css: ['~/assets/css/main.scss'],
    build: {
        transpile: [
            '@vuepic/vue-datepicker',
            /echarts/,
            'vue-echarts',
            'resize-detector'
        ]
    },


main.scss
@import "tailwindcss" theme(static);
@import "@nuxt/ui";

...
Was this page helpful?