{

    "imports": {

      "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"

    }

  }

</script>

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">

  <div id="app" class="container">

    <h2>copy the first two array elements to positions 4 and 5:</h2>

    <P>City  : {{city}}</P>

    <button @click='copywithin' class='btn btn-primary'>Copy Array</button>

</div>

<script type="module">

    import { createApp } from 'vue'

​

  createApp({

    data()

    { 

      return{ 

       city : ['Delhi','Mumbai','Kolkata','Pune','Noida','Bihar'], 

      } 

   }, 

   methods:{ 

       copywithin(){ 

          this.city.copyWithin(3,0,2); 

         } 

      }

  }).mount('#app')

</script>