errors with jumbotron

[Eric Hodges]

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?

[Nadhir Boukhenifra]

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
  }
})

[Eric Hodges]

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

Thank you!

[Mario Noble]

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?

[AbdulSamii Ajala]

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

TypeError
Cannot read property 'install' of undefined