En este fragmento de código, tengo una v-card, que redirige al usuario a otra página. Quería poner un botón en la v-card para hacer algo diferente:

 <NuxtLink :to="`books/1`" style="text-decoration: none;"> <v-card hover width="400px"> <v-card-text> <span> Book 1 </span> <!-- button that does something different --> <v-btn icon @click="addToFavourites(1)"> <v-icon> mdi-star-outline </v-icon> </v-btn> </v-card-text> </v-card> </NuxtLink>

 addToFavourites(id) { console.log("add book " + id + " to favourites"); }

Ahora, cada vez que hago clic en el botón, me redirige a otra página, pero addToFavourites no redirige al usuario a otra página. ¿Cómo evito redirigir al usuario a otra página al hacer clic en el botón?