I have a component with several li in them and when I click one of them I would like the clicked li centered itself inside the component so as to see it in the center of the view.

      <card-maintenance
        v-for="manutenzione in manutenzioni"
        :key="manutenzione.id"
        :name="manutenzione.nome"
        :data="manutenzione.data"
        :durata="manutenzione.durata"
        :desc="manutenzione.desc"
        :responsabile="manutenzione.responsabile"
        :machineType="manutenzione.machineType"
        :machineSubType="manutenzione.machineSubType"
    
     
        @click="centerItem(idex)"
      >
        
      </card-maintenance>

   centerItem(index){
    getElementById(index).scrollIntoView({
      block: "center"
    })

  }