Не могу понять - в чем проблема? Вполне обычная ситуация, вот

Question

Не могу понять - в чем проблема? Вполне обычная ситуация, вот

отрывок примера:

<template>
<div>
{{ getLink('key1') }}
</div>
</template>

<script>
export default {
data(){
return {
translate: {
key1: 'Click to [link], and continue'
}
};
},

methods: {
getLink(key) {
return this.translate[key].replace('[', '<nuxt-link to="...">').replace(']', '</nuxt-link>');
}
}
}
</script>

Да - я могу заменить <nuxt-link to="..."> на <a href="...">, но тогда страница полностью будет перезагружаться.
Так как я получаю текст с бэка, как мне ещё решить задачу?