How to Isolate Vuetify Global Styles

How to isolate Vuetify global styles

Stylus supports block level imports.

If you've got the following:

// bar.styl
.bar
  width 10px

// foo.styl
.foo
  @import 'bar.styl'

The end result will be:

.foo .bar {
  width: 10px;
}

Move vuetify styles to css file when server side rendering

You need to use extractCSS property from nuxt.config

export default {
  build :{
    extractCSS: true
  }
}

Related Topics