CSS Карусель не работает в Gridsome App?

Question

В настоящее время я пытаюсь оформить мое приложение Gridsome с помощью Buefy CSS Framework. Все остальное работает нормально (кнопки, карты и т. Д. c), за исключением карусели. В частности, тег <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>

Пожалуйста, помогите

Answer 1

Глупый Me.My Buefy Версия была проблема. L был v0.8.9, и я обновился до v0.8.10