I added a file in assets/style/main.sass file content: @import 'vuetify/src/styles/main.sass'
in file: nuxt.config.js:
before: css: ['~/assets/style/app.styl'],
after:
css: ['/assets/style/app.styl', '/assets/style/main.sass'],
in file: plugins/vuetify.js
before: import Vue from 'vue' import Vuetify from 'vuetify/lib'
Vue.use(Vuetify, { theme: { primary: '#000000' } })
after: import Vue from 'vue' import Vuetify from 'vuetify'
Vue.use(Vuetify)
export default ({ app }, inject) => { // Set the function directly on the context.app object app.vuetify = new Vuetify({ theme: { dark: false, themes: { light: { primary: '#000000' }, dark: { primary: '#000000' } } } }) }