We're having the same problem, vite/vite-ssg seems to be unable to extract any css that is within .vue files, it only renders the html without any css causing massive layout shifts and FOUC.

The provided vitesse demo page masks it quite well because its a small app/bundle to be loaded and has service workers to cache assets which prevents this issue on repeated visits as the js bundle is loaded and the app is hydrated fast enough mostly, but with any bigger sized app that flicker is quite noticable as no css for any of the rendered components is applied at all, unless its coming from a global stylesheet.

I would suggest using Nuxt or VitePress; otherwise, I would say this might be a problem you need to figure out on your own (or PR welcome!).

If it's not a problem with UnoCSS but with Tailwind, then it's cold because of TW or some integrations to it - either way, I don't use TW, so you could imagine I won't have the incentive to look into it.

I could keep this issue open if anyone wants to provide more context or even work on it. But I wouldn't have high expectations of it getting solved any sooner.

I was testing it out in my own repo, its not an unocss or tailwind specific issue, I was using neither, and just had a random helloworld vue component. Opening the ssg rendered page with either js disabled, or after commenting out the script to hydrate the page rendered the component without any of its css (no matter whether I used scoped / module / lang="scss", etc.. or just plain old <style> tag

Any css within the vue component was not being loaded, however when I moved the css from the vue component and load it as global css/.scss stylesheet it works normally, its almost like all css has to be global for it to work