nuxt-community / vuetify-module

Vuetify Module for Nuxt 2
Other
627 stars 106 forks source link

Critical CSS and theme CSS not included in the SSR response; instead applied at runtime which causes a FOUC #232

Open Janne252 opened 4 years ago

Janne252 commented 4 years ago

Module version

"dependencies": {
    "@nuxtjs/vuetify": "^1.9.1",
    "nuxt": "^2.11.0"
}

Describe the bug Vuetify critical CSS and theme CSS are not included in the SSR response. Instead they are applied at run time which causes a flash of unstyled content (FOUC). Vuetify explicitly states that the theme CSS should be included in the SSR response:

Vuetify generates theme styles at run-time for SPA's and server side for SSR applications. The generated styles will be placed in a