[Vuejs]-Dynamic routing of a dynamics components with Vue

Vue is misinterpreting the javascript interpolation. Try like this:

<card-maintenance
          v-for="manutenzione in manutenzioni"
          :key="manutenzione.id"
          :name="manutenzione.nome"
          :data="manutenzione.data"
          :durata="manutenzione.durata"
        >
        <router-link :to="'manutenzione/' + manutenzione.id ">More details</router-link>
        </card-maintenance>

<template>
<router-link :to="`/manutenzione/${id}`"> 
  <div class="maitenanceItem">
    
    <div class="nameMaintenace">
      <p>{{ name }}</p>
    </div>
    <div class="dataMaintenance">
      <p>{{ data }}</p>
    </div>
    <div class="durataMaintenace">
      <p>{{ durata }}</p>
    </div>
       
  </div>
  </router-link>
</template>