Tengo un componente con varios li en ellos y cuando hago clic en uno de ellos, me gustaría que el li en el que se hizo clic se centrara dentro del componente para verlo en el centro de la vista.

 <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" }) }