<script lang="ts" setup>
const items = [
  'https://picsum.photos/640/640?random=1',
  'https://picsum.photos/640/640?random=2',
  'https://picsum.photos/640/640?random=3',
  'https://picsum.photos/640/640?random=4',
  'https://picsum.photos/640/640?random=5',
  'https://picsum.photos/640/640?random=6'
]
</script>

<template>
  <UCarousel
      v-slot="{ item }" :items="items" :ui="{ item: 'basis-1/3' }" auto-scroll class="w-full max-w-full " dots
      loop>
    <img :src="item" alt="" class="rounded-lg">
  </UCarousel>
</template>

