Some Components Not Working With Nuxt 4

[TropicsTheDev]

Experienced with both w-select and w-icon

When saving a file, it works fine, but if you refresh or go to the url for the first time, this error here occurs.

[ArnarValur]

I was considering using Wave UI for Nuxt 4 to, find it more appealing than Nuxt UI, but I ran into the same issue. Didn't look further into it (time constraints) but this I noticed:

This produced the same 500 error.

<w-icon
  class="mr1"
  xs
  color="primary">
  mdi mdi-star
</w-icon>

---

But when I removed the string between the tags then it rendered fine.

<w-icon
  class="mr1"
  xs
  color="primary">
</w-icon>

I didn't try many components (time :D ) so I pivoted unfortunately, the UI looks really good tho. Cheers to the author. 👍

[TropicsTheDev]

I found a small workaround by making the plugin a client-only plugin, but I'm not sure how that effects the benefits of Nuxt & SSR. It seemed to make the frontend work, but I would get many warnings on hydration mismatches.

I dig that component library as well though, I think it's pretty slick and the grid system is easy to use. A little bit more SSR support would be great :)