Tailwind CSS v4 sucks. There, I said it. I’m too lazy now to dig up the changelog and pick out the - or other emoji-led list items that are supposed to be an improvement, so consider this article part of a user review of an otherwise amazing and actually fun to work with CSS framework, and part of a rant. One of them applies to the usage of
@apply
in Vue.js components. But that’s not where it ends.
Tag: tailwind
-
@apply in Tailwind CSS v4 and Vue Components doesn’t work—and it looks like it’s not going to be fixed anytime soon
-
Nuxt v3.16 is out—and TailwindCSS doesn’t seem to like it and breaks styling after upgrade. Here’s how you can fix it
With big fanfare, Daniel Roe, the inventor and person in charge of Nuxt, proudly released the newest version of my favourite JavaScript framework on March 7, 2025: Nuxt
(more…)v3.16
. It promised better performance, better error handling, and a lot more. The full announcement blog post showed that all Nuxt contributors are proud of the new version. They also gave instructions on how to upgrade tov3.16
from previous versions—which immediately broke my Tailwind styling. However, thanks to the Nuxt community, I can now show you the easy fix to this problem.