fuwari icon indicating copy to clipboard operation
fuwari copied to clipboard
verified publisher icon saicaca

[Proposal] Migrate from @astrojs/tailwind to Tailwind's Vite Plugin

Open h-willow-k opened this issue 9 months ago • 3 comments

The latest version of "@astrojs/tailwind": "^5.1.4" in package.json is 6.0.0, but according to the CHANGELOG,

"Tailwind CSS now offers a Vite plugin, which is the preferred way to use Tailwind 4 in Astro. Please uninstall @astrojs/tailwind and follow the Tailwind documentation for manual installation."

I propose incorporating this change.

h-willow-k avatar Mar 02 '25 13:03 h-willow-k

@h-willow-k

I don't think it's a problem to abolish integration, but since it includes PostCSS-dependent notations such as tailwindcss/nesting, it is still not realistic to migrate to Vite. https://github.com/saicaca/fuwari/blob/8287e42e6e4e1cd835585b9749afeb506b0471fc/postcss.config.mjs#L8

L4Ph avatar Mar 02 '25 14:03 L4Ph

@L4Ph I have understood that this approach is not yet realistic at this stage. Thank you for your response. I will keep the issue open for future updates.

h-willow-k avatar Mar 09 '25 04:03 h-willow-k

I have tried tailiwind v4 + vite plugin, but due to many destructive changes, I will temporarily put it on hold and consult with saicaca to proceed. Tailwind v4 will take longer due to the large number of classes(translate-y-0 etc...) etc. that already do not exist.

L4Ph avatar Mar 27 '25 14:03 L4Ph