nuxt-buefy icon indicating copy to clipboard operation
nuxt-buefy copied to clipboard

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

Open cdwieber opened this issue 1 year ago • 1 comments

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 avatar Mar 03 '23 19:03 cdwieber

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

wesdevpro avatar Oct 07 '23 01:10 wesdevpro