nuxt-buefy
nuxt-buefy copied to clipboard
Issue with the BCarouselList component: "Invalid Component Definition: 1"
When attempting to use the BCarouselList component, I'm getting the following console warning, and the carousel is not arranging the slides properly.
[Vue warn]: Invalid Component definition: 1
found in
---> <BCarouselList>
<Layout> at layout/FullWidth.vue
<Pages/tickets/index.vue> at pages/tickets/index.vue
<Nuxt>
<Layouts/default.vue> at layouts/default.vue
<Root>
The number of times the warning shows is equal to the number of slides in the carousel.
The code I'm using is as follows:
<b-carousel-list
v-model="slideIndex"
:data="schedule"
:arrow="false"
icon-pack="fas"
:items-to-show="4"
>
<template #item="game">
<div class="card">
{{formatGameDate(game.gdte)}}
</div>
</template>
</b-carousel-list>
nuxt.config.js looks like this:
modules: [
// https://go.nuxtjs.dev/content
'@nuxt/content',
'@nuxtjs/gtm',
['nuxt-buefy', {
defaultIconPack: 'fas',
css: false,
}]
],
Relavant version data:
"nuxt": "^2.15.8",
"buefy": "^0.9.22",
"nuxt-buefy": "^0.4.24",
"vue": "^2.6.14",
Any insight into this is appreciated, I can't seem to find the cause.
@cdwieber any update on this issue? Can you confirm that this is still an issue?