only show one pre page

[differentMonster]

my slider is show all the item on it, i only want to show it one by one and other are hide when one of them show

<template>
  <div>
     <flickity ref="flickity" :options="flickityOptions">
       <div class="carousel-cell text-center p-4">slide 1</div>
       <div class="carousel-cell text-center p-4">slide 2</div>
       <div class="carousel-cell text-center p-4">slide 3</div>
       <div class="carousel-cell text-center p-4">slide 4</div>
       <div class="carousel-cell text-center p-4">slide 5</div>
     </flickity>
  </div>
</template>

<script>
 export default {
   component: {
   },
   data () {
     return {
       flickityOptions : {
         "autoPlay": 5000,
         "pageDots": false,
         "prevNextButtons": false,
         "resize": true,
       }
     }
   }
 }
</script>

this is my code and it was showing slide 1 - slide -5 on the page