<template>
  <section class="big-carousel">
    <Carousel :autoplay="5000" class="big-carousel" :wrapAround="true" >
      <Slide v-for="(slide, index) in images" :key="index">
        <img :src="$helper.getImage(slide)" alt="" />
      </Slide>
    </Carousel>
  </section>
</template>

<script>
import 'vue3-carousel/dist/carousel.css'
import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
export default {
  props: {
    images: Array,
  },
  components: {
    Carousel,
    Slide,
    Pagination,
    Navigation,
  },
  mounted() {
    console.log(this.images);
  }
}
</script>

<style lang="scss" scoped>
  .big-carousel {
    margin-top:0;
    padding: 0;
    

    .carousel__slide {
      padding: 0;
    }
  }
</style>