Use this repo - https://github.com/nzxt/vue-nuxt.git
or
1. Create nuxt.js + vuetify.js project using vue-cli:
vue init vuetifyjs/nuxt
w/o a-la-carte.
2. Edit any page component (inspire.vue in my case) adding v-carousel element on it.
3. npm i && npm run dev
4. Go to localhost:3000/inspire
page.
5. Get error:
Cannot read property 'unregister' of undefined
[Vue warn]: Injection "carousel" not found
found in
---> <VCarouselItem>
<VCarousel>
<Pages\inspire.vue> at pages\inspire.vue
<Nuxt> at .nuxt\components\nuxt.vue
<VContent>
<VApp>
<Default> at layouts\default.vue
<Root>
If you remove v-carousel-item from v-carousel - Carousel shows on page and seems no errors in console.
Almost same thing happens with v-stepper component, console says:
Did you import 'v-stepper-items' correctly?
Where to dig in?
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1999">#c1999</a>)</em></sub></div>