vuetify-module
vuetify-module copied to clipboard
Vuetify styles being added after initial DOM load
Module version "nuxt": "2.15.4" "@nuxtjs/vuetify": "1.12.1" "sass": "1.32.13"
Describe the bug
I have a navbar component added to my default layout that uses v-navigation-drawer
and at first moment of page load there is a flicker and every thing (drawer) splashed on screen and after that css is loaded.
I have read nuxt-css-issue this and kinda understand that it's because of nuxt and vuetify behaviour . so is there any way to solve this?? It's really ugly when you load the app !!
oh btw I use nuxt universal ssr and for vuetify treeShake is true
@M-Barari The problem is not with css at all. During SSR vuetify windown width and height are 0 so it renders as it's on mobile (on mobile v-navigation-drawer is hidden) Here is more. https://github.com/nuxt-community/vuetify-module/issues/490