Skip to content

Conversation

@benjamincanac
Copy link
Member

@benjamincanac benjamincanac commented Oct 28, 2025

πŸ”— Linked issue

Resolves #3596, resolves #3841

❓ Type of change

  • πŸ“– Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • πŸ‘Œ Enhancement (improving an existing functionality)
  • ✨ New feature (a non-breaking change that adds functionality)
  • 🧹 Chore (updates to the build process or auxiliary tools and libraries)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

πŸ“š Description

This PR adds a new theme.prefix option in your nuxt.config.ts to support Tailwind CSS prefix:

@import "tailwindcss" prefix(tw);
@import "@nuxt/ui";
export default defineNuxtConfig({
  modules: ['@nuxt/ui'],
  css: ['~/assets/css/main.css'],
  ui: {
    theme: {
      prefix: 'tw'
    }
  }
})

πŸ“ Checklist

  • I have linked an issue or discussion.
  • I have updated the documentation accordingly.

@pkg-pr-new
Copy link

pkg-pr-new bot commented Oct 28, 2025

npm i https://pkg.pr.new/@nuxt/ui@5341

commit: f775112

@benjamincanac
Copy link
Member Author

@byronogis I remember you implemented Tailwind CSS prefix a while ago, I took a shot at this if you want to take a look 😊

@benjamincanac benjamincanac merged commit 7fca5d7 into v4 Nov 3, 2025
16 checks passed
@benjamincanac benjamincanac deleted the pr/3596 branch November 3, 2025 09:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

v4 #4488

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Styles are partially missing in a custom element environment Support Tailwind Prefix

2 participants