HEX
Server: Microsoft-IIS/8.5
System: Windows NT YDAWBH120 6.3 build 9600 (Windows Server 2012 R2 Standard Edition) AMD64
User: tentjecom_web (0)
PHP: 7.4.14
Disabled: NONE
Upload Files
File: D:/HostingSpaces/SBogers10/farmfun.komma.pro/resources/js/site/components/ActivitiesSwiper.vue
<template>
  <div class="o-imagebanner">
    <swiper
        :slides-per-view="1"
        :autoplay="{
          delay: 2500,
          disableOnInteraction: false,
        }"
        :modules="[ Autoplay ]"
        :loop="props.images.length > 1"
    >
      <swiper-slide v-for="img in props.images">
        <img class="o-imagebanner__swiper-img"
            :src="`${img.large_image_url}`"
            alt="">
      </swiper-slide>
    </swiper>
  </div>
</template>

<script setup>
import { Swiper, SwiperSlide } from 'swiper/vue';
import { Autoplay } from "swiper";
import 'swiper/css';
import 'swiper/css/autoplay'

const props = defineProps({
  images: {type: Array, required: true}
})



</script>