title: How can I use "<nuxt-link>" in content rendered with "v-html"?
body: <p>I have a utilities plugin for Nuxt.js that I created with a method to parse hashtags and mentions and replace them with <code>&lt;nuxt-link&gt;</code>. I am then using <code>v-html</code> to inject the converted data back into the template. My issue is that the <code>&lt;nuxt-link&gt;</code> are not being parsed with v-html.</p>
  
  <pre><code>import Vue from 'vue';
  
  Vue.mixin({
    methods: {
      replaceMentions(data) {
        // Tags
        const tagRegEx = /\[#tag:[a-zA-Z0-9_-]*\]/g;
        let tagMatch;
  
        while ((tagMatch = tagRegEx.exec(data)) !== null) {
          const tag = Array.from(tagMatch[0].matchAll(/\[#tag:(.*?)\]/g));
  
          data = data.replace(tag[0][0], '&lt;nuxt-link to="/search?q=' + tag[0][1] + '"&gt;#' + tag[0][1] + '&lt;/a&gt;');
        };
  
        // Users
        const userRegEx = /\[@user:[a-zA-Z0-9_-]*\]/g;
        let userMatch;
  
        while ((userMatch = userRegEx.exec(data)) !== null) {
          const user = Array.from(userMatch[0].matchAll(/\[@user:(.*?)\]/g));
  
          data = data.replace(user[0][0], '&lt;nuxt-link to="/users/' + user[0][1] + '"&gt;@' + user[0][1] + '&lt;/&gt;');
        };
  
        return data;
      }
    }
  });
  </code></pre>
  
  <p>Does anyone have any tips for how I could make these work as proper nuxt compatible links? I already tried using <code>&lt;a&gt;</code> and it works fine, I would just prefer to utilize proper nuxt compatible links.</p>