errors with jumbotron

[erichodges]

I'm getting errors when using a jumbotron: Unknown custom element for the jumbotron Unknown custom element for v-divider

Is this a vuetify version issue? If so, how do I upgrade the template to the current vuetify?

Ok, I changed the version and the app crashed. Is this a Nuxt issue or a Vuetify issue?

[NadhirBoukhenifra]

Hi, this error because you are using a-la-carte components: you have to include each component to use. open this file: /plugins/vuetify.js: then add your component like this: [v-divider as an example]:

import Vue from 'vue'
import {
  Vuetify,
  VApp,
  VCard,
  VNavigationDrawer,
  VFooter,
  VList,
  VBtn,
  VIcon,
  VGrid,
  VToolbar,
  VTooltip,
  VTextField,
  VDivider
} from 'vuetify'

Vue.use(Vuetify, {
  components: {
    VApp,
    VCard,
    VNavigationDrawer,
    VFooter,
    VList,
    VBtn,
    VIcon,
    VGrid,
    VToolbar,
    VTooltip,
    VTextField,
    VDivider
  }
})

[erichodges]

Ah ok, sorry, I forgot to add it there!

Thank you!

[mariocontext]

I was going to open up a similar issue because the transitions didn't seem to work. Found out that it needed to be added even though it seems to be more of a batch of expected effects than a specific component per se. Perhaps we could note it in the documentation that components other than what are used in the starter need to be imported and activated separately in plugins/vuetify.js?

[jalasem]

when I used the method suggested by @NadhirBoukhenifra above, this is what I got;

TypeError
Cannot read property 'install' of undefined