我有一个模板，它接收数据和呈现为html，我想使用像<nuxt-link />这将允许无需重新加载页面导航组件。在下面找到我的代码。

<template>
 <div v-html="content"> </div>
</template>
<script>
 export default{
   name: 'MyComponent',
   props:{
     content: {
       type: String,
       default: ''
     }
   }
 }
</script>

然后我在父节点中调用它，如下所示

<template>
  <my-component :content="content" />
</template>
<script>
 export default{
   name: 'ParentComponent',
   data(){
     return {
       content: `Click <nuxt-link to="/login">here</nuxt-link> to login <div>Just some random tex</div>`
     }
   }
 }
</script>

内容被呈现为html，但nuxt-link组件不工作。请问我该怎么做