No puedo averiguar cómo agregar imágenes locales al carrusel buefy. ¿Hay algo que estoy haciendo mal? He intentado modificar la sección de la plantilla para incluir la imagen b, pero no sirvió de nada. Gracias

Código:

 <template> <b-carousel> <b-carousel-item v-for="(carousel, i) in carousels" :key="i"> <section :class="`hero is-medium`"> <div class="hero-body has-text-centered"> <b-image>{{carousel.image}}</b-image> </div> </section> </b-carousel-item> </b-carousel> </template> <script> export default { data(){ return { carousels: [ { title: 'Slide 1', image: require("@/assets/img1.png") }, { title: 'Slide 2', image: require("@/assets/img2.png") }, { title: 'Slide 3', image: require("@/assets/img3.png") }, ] } } } </script>