i am using vue 2 and AOS library I am trying to restart the animation for a certain div on a button click. tnx for your answers

   <template>
     <div>
      <div class="all-items">
        <div class="item" data-aos="fade-up">1</div>
        <div class="item" data-aos="fade-down">2</div>
        <div class="item" data-aos="fade-right">3</div>
        <div class="item" data-aos="fade-left">4</div>
      </div>
      <button type="submit" @click="refrashAnimation">
        refrash animation for all-items
      </button>
     </div>
    </template>
    <script>
    import AOS from 'aos'
    import 'aos/dist/aos.css'
     export default {
      created () {
       AOS.init()
     },
     methods:{
      refrashAnimation(){
       AOS.refrash()//for only elements under all-items class
      }
     }
    }
   </script>