Anyone found a good VSCode syntax highlighting plugin for CSS property types? I'd like this to error:

Overall it looks something like this:

I should point out this is to accommodate Tailwind so I need to explicitly spell out classes.

I then looked at adding inline styles to components, which seemed okay but I was slightly worried about performance. This morning on the way to the gym I remembered Vue offers v-bind in CSS. Unfortunately that needs to be attached to a CSS property, so something like this won't work:

Another one for the Nuxt folks, is there any performance issues with inline styles? I know there can be in other meta frameworks.

Nuxt people, is there a simple way to write a custom CSS in JS method and render the style on the server? I've tried using Unhead but I don't think that will work - This is how I get it to work on the client but I want to avoid the flash:

I think this might be my favourite addition to CSS in recent years, not container queries, not :has not even variables, but the ability to simply balance text!