tailwindcss icon indicating copy to clipboard operation
tailwindcss copied to clipboard

Tailwind V4.0

Open GeorgeNance opened this issue 11 months ago • 6 comments

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 avatar Mar 06 '24 18:03 GeorgeNance

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

atinux avatar Mar 06 '24 18:03 atinux

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)

pi0 avatar Mar 06 '24 19:03 pi0

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

ineshbose avatar Mar 06 '24 19:03 ineshbose

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

atinux avatar Mar 06 '24 19:03 atinux

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

MickL avatar May 21 '24 13:05 MickL

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!

ineshbose avatar May 21 '24 13:05 ineshbose