/issue-nuxt-vuetify-theme-missing-in-ssr-response

An issue reproduction repository for demonstrating a bug where nuxt-vuetify does not include vuetify theme CSS in the SSR response.

Primary LanguageJavaScript

Steps to reproduce the issue

  1. Install dependencies from package.json
  2. Build the app by running npm run build
  3. Start the app by running npm run start
  4. Navigate to the app's URL in a browser (defaults to http://localhost:3000)
  5. In browser dev tools, disable javascript
    • This is used to make sure we're seeing the raw SSR response
    • e.g. in Google Chrome press Ctrl+Shift+P to open the command widget and search for javascript, select "Disable JavaScript" and press enter
  6. Reload the application
  7. The visible element on the page has its styles missing because the Vuetify component CSS and Vuetify theme were not included in the SSR response.
  8. It should look like this (And does with JavaScript enabled, but causes a FOAC. The FOAC is not very visible in this case as the app loads rather quickly. With larger applications the FOAC is noticeable.)