Nuxtでnuxt-linkの中に別の操作をするボタンを配置した時にうまく動作させる方法

components-atoms-PrimaryBtn.vue

<template>
  <v-btn @click="(e) => $emit('click', e)">
    <slot></slot>
  </btn>
</template>

pages-index.vue

<template>
  <nuxt-link to="/another">
    <p>別ページに遷移する</p>
    
    <primary-btn @click.prevent="() => alert('click button')">
      アラートを出す
    </btn>
  </nuxt-link>
</template>

<script>
import PrimaryBtn from '~/components/atoms/PrimaryBtn.vue'

export default {
  components: {
    PrimaryBtn
  }
}
</script>