title: nuxt-link display slug not id
body: <p>Here's my code to display a list of my blog articles:
  </p>
  <pre><code>  &lt;nuxt-link :to=&quot;postLink&quot; class=&quot;post-preview&quot;&gt;
      &lt;article&gt;
        &lt;div class=&quot;post-thumbnail&quot; :style=&quot;{backgroundImage: 'url(' + thumbnail + ')'}&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;post-content&quot;&gt;
          &lt;h1&gt;{{ title }}&lt;/h1&gt;
          &lt;p&gt;{{ previewText }}&lt;/p&gt;
        &lt;/div&gt;
      &lt;/article&gt;
    &lt;/nuxt-link&gt;
  &lt;/template&gt;
  </code></pre>
  <p>The postLink function is called on clicking the blog post, with the following code:</p>
  <pre><code>  computed: {
      postLink() {
        return this.isAdmin
          ? &quot;/admin/&quot; + this.id + &quot;?&quot; + this.slug
          : &quot;/posts/&quot; + this.id + &quot;?&quot; + this.slug;
      }
    }
  </code></pre>
  <p>The problem is that I don't want the Firebase key id to display in the URL, I want to display the slug. Tracking the Firebase key id is not very readable in Google Analytics. I have the slug saved in my Firebase DB, and I can access the slug on my page, but I can't just call only the slug in the path, I have to include the id for some reason. I'm using a working around at the moment, which is to add a query string, but what I really want is to only display the slug in the URL. There must be a way to do this. You can view this in action at my site: <a href="https://igeddit.ca" rel="nofollow noreferrer">https://igeddit.ca</a></p>
  <p>Each post is displayed with this file structure in Nuxt:</p>
  <p><img src="https://i.stack.imgur.com/g61Au.png" alt="image" /></p>
  <p>Thanks in advance...</p>