javascript - Gridsome アプリで CSS カルーセルが機能しない?

Question

私は現在、Buefy CSS Framework を使用して Gridsome アプリのスタイルを設定しようとしています。カルーセルを除いて、他のすべて (ボタン、カードなど) は正常に動作しています。具体的には<b-carousel>タグです。

コードはこちら

<template>
  <DefaultLayout>

<template>
    <b-carousel :indicator-inside="false">
        <b-carousel-item v-for="(item, i) in 6" :key="i">
            <span class="image">
              <img :src="getImgUrl(i)">
            </span>
        </b-carousel-item>
        <template slot="indicators" slot-scope="props">
            <span class="al image">
                <img :src="getImgUrl(props.i)" :title="props.i">
            </span>
        </template>
    </b-carousel>
</template>
</DefaultLayout>
</template>

<script>
export default {
  methods: {
      getImgUrl(value) {
          return `https://picsum.photos/id/43${value}/1230/500`
      }
  }
}
</script>

助けてください