title: vue-meta doesnt display title, content, or schema on page refresh or external link click for dynamic components
body: <p>When I navigate to my dynamic components trough navigation bar, vue-meta title, content, and schema are displayed correctly, but when I refresh the page or click on the external link I get a value of undefined.</p>
  <p>i have stored title content and schema in the json file.</p>
  <pre><code> metaInfo() {
      return {
        title: `${this.seoTitle}`,
        meta: [
          {name: &quot;robots&quot;, content: &quot;index,follow&quot;},
          {
            name: 'description',
            content: `${this.seoContent}`
  
          }
  
        ],
        link: [
          {rel: 'favicon', href: 'logo.ico'}
        ],
        script: [{
          type: 'application/ld+json',
          json: this.markups
        }]
      }
    },
  </code></pre>
  <pre><code>data() {
      return {
        seoTitle: this.$route.params.title,
        seoContent: this.$route.params.content,
        markups:this.$route.params.markup,
  }
  }
  </code></pre>
  <pre><code> &lt;div class=&quot;landing-group-tours box&quot; v-for=&quot;tour in boatTours&quot; :key=&quot;tour.id&quot;&gt;
          &lt;router-link
              :to=&quot;{name: 'details', params:{id: tour.id, title: tour.seoTitle, content: tour.seoContent, markup:tour.markup}}&quot;&gt;
  &lt;/div&gt;
  &lt;script&gt;
  import tours from '@/data/privateToursData.json'
  export default{
  data(){
  return{
    boatTours: tours
    {
   }
  }
  &lt;/script&gt;
  </code></pre>