buefy / nuxt-buefy

Nuxt Buefy
MIT License
222 stars 33 forks source link

Issue with the BCarouselList component: "Invalid Component Definition: 1" #132

Open cdwieber opened 1 year ago

cdwieber commented 1 year ago

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.

wesdevpro commented 11 months ago

@cdwieber any update on this issue? Can you confirm that this is still an issue?