Search code examples
cssvue.jssassvuetify.jsdisable

How to disable Vuetify styling?

I'd like to know how I can disable Vuetify styling. It messed up my whole website. I just need it for the functionality of v-btn and v-text-field. I do not want to use any of the actual styles for anything.

Thanks.

The main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false

new Vue({
  router,
  store,
  vuetify,
  render: h => h(App)
}).$mount('#app')
Solution

  • According to docs you can disable generation of vuetify stylesheet by configuring your plugin like so:

    const vuetify = new Vuetify({
    theme: { 
        disable: true 
    }
})