[Feature Request] Add option to scope vuetify-theme-stylesheet styles

[calebbergman]

Problem to solve

Webpack + postcss has been working pretty well for us, giving us the ability to scope any and all css in any given app to a specific selector, including the main Vuetify stylesheet. We noticed, however, that vuetify generates a stylesheet at run-time with an id of "vuetify-theme-stylesheet." Unfortunately this bypasses our postcss config at build-time and thus overwrites any existing styles with the same name.

Proposed solution

Add the ability to scope the "vuetify-theme-stylesheet" stylesheet to a specific selector. Perhaps an option during...

Vue.use(Vuetify, {
   options: { ...
      scope: '#my-app'
    }
})

Ideally we wouldn't need to declare the selector twice (once in our postcss config and another in Vue.use()).

[KaelWD]

If you want to do this you'll have to extract the stylesheet manually then disable generation with theme: false