Struggling with Nuxt UI v2 → v3 migration + Tailwind issues
I'm having quite a few difficulties migrating from Nuxt UI v2 to v3 and would love to hear about your experiences.
Current setup:
Nuxt 3.x
Nuxt UI v3
Tailwind CSS v4.1.11
Issues encountered:
Tailwind classes being ignored: Some classes like font-bold, font-semibold don't apply at all (not showing up in DevTools inspector)
CSS configuration: I have @import "tailwindcss" and @import "@nuxt/ui" in my main.css with a @theme directive, but behavior is inconsistent
Documentation gaps: Migration docs mention Tailwind Variants changes but not issues with basic classes that stop working
Questions:
Have you experienced similar issues with font-weight classes in v3?
Are there specific configs needed to make Tailwind v4 work properly with Nuxt UI v3?
Any migration experience/tips you can share?
Happy to share my config if it helps! Thanks in advance
Current setup:
Nuxt 3.x
Nuxt UI v3
Tailwind CSS v4.1.11
Issues encountered:
Tailwind classes being ignored: Some classes like font-bold, font-semibold don't apply at all (not showing up in DevTools inspector) CSS configuration: I have @import "tailwindcss" and @import "@nuxt/ui" in my main.css with a @theme directive, but behavior is inconsistent Documentation gaps: Migration docs mention Tailwind Variants changes but not issues with basic classes that stop workingQuestions:
Have you experienced similar issues with font-weight classes in v3?
Are there specific configs needed to make Tailwind v4 work properly with Nuxt UI v3?
Any migration experience/tips you can share?
Happy to share my config if it helps! Thanks in advance
