Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tailwind V4.0 #820

Open
GeorgeNance opened this issue Mar 6, 2024 · 9 comments
Open

Tailwind V4.0 #820

GeorgeNance opened this issue Mar 6, 2024 · 9 comments
Labels
enhancement New feature or request

Comments

@GeorgeNance
Copy link

Is your feature request related to a problem? Please describe.

No problem yet, more of eager to try the latest tailwind with Nuxt

Describe the solution you'd like

Integration with v4 of tailwind. Or instructions on how to do it

Describe alternatives you've considered

N/A

Additional context

https://tailwindcss.com/blog/tailwindcss-v4-alpha

@GeorgeNance GeorgeNance added the enhancement New feature or request label Mar 6, 2024
Copy link
Collaborator

atinux commented Mar 6, 2024

You should be able to try with a standard installation for now: https://tailwindcss.com/docs/guides/nuxtjs

@pi0
Copy link
Contributor

pi0 commented Mar 6, 2024

Here you go: Just made an experimental/temporary module to try v4: https://github.com/pi0/nuxt-tailwindcss4

Currently it does add vite plugin (which uses oxide engine)

@ineshbose
Copy link
Collaborator

I believe the standard installation for V4 would be this - https://tailwindcss.com/blog/tailwindcss-v4-alpha?ref=upstract.com#using-post-css

Support for v4 is on the roadmap, see #790 but there's still a lot of changes required on v4 for the migration to be smooth - https://tailwindcss.com/blog/tailwindcss-v4-alpha?ref=upstract.com#roadmap-to-v4-0

Copy link
Collaborator

atinux commented Mar 6, 2024

Also see https://www.codybontecou.com/tailwind-css-v4-and-nuxt.html

@ineshbose ineshbose pinned this issue Apr 12, 2024
@MickL
Copy link

MickL commented May 21, 2024

Do I understand correctly: No more need for @nuxtjs/tailwindcss with Tailwind 4 due to Tailwinds first-class support for Vite?

@ineshbose
Copy link
Collaborator

Do I understand correctly: No more need for @nuxtjs/tailwindcss with Tailwind 4 due to Tailwinds first-class support for Vite?

Unlikely. The module will still be useful in providing and enabling lot more support and features for Nuxt Layers, Devtools, etc. Plus Nuxt supports build tools other than Vite! It'll all be much clearer as v4 comes out of alpha I hope!

@Mensix
Copy link

Mensix commented Nov 23, 2024

Any updates on progress as Tailwind v4 just went into beta stage?

@ineshbose
Copy link
Collaborator

Any updates on progress as Tailwind v4 just went into beta stage?

Yes, so we are still quite well on track for v7, but I'm also now looking to backport and provide (experimental) support for Tailwind v4 sooner in v6. There's an open PR that removes imports of Tailwind v3 utilities so that will help us make this possible in the next release.

@ineshbose
Copy link
Collaborator

Request for comments - #919!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

6 participants