title: How can I make dynamic meta data change the actual page source for SEO in Vue
body: <p>I am currently changing the page title and (in the near future) meta data via Vue router like below:</p>
  <pre><code>$route (to, from){
      document.title = to.meta.title
  }
  </code></pre>
  <p>This works fine when I inspect the title:</p>
  <pre><code>    &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset=&quot;utf-8&quot;&gt;
          &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
          &lt;title&gt;Updated Page Title&lt;/title&gt;
          &lt;link href=&quot; /css/app.css?id=b21c63ebd0cb0655a4d8&quot; rel=&quot;stylesheet&quot;&gt;
      &lt;/head&gt;
  </code></pre>
  <p>However when I view page source it shows the old info:</p>
  <pre><code>    &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset=&quot;utf-8&quot;&gt;
          &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
          *** &lt;title&gt;Old Page Title&lt;/title&gt; ***
          &lt;link href=&quot; /css/app.css?id=b21c63ebd0cb0655a4d8&quot; rel=&quot;stylesheet&quot;&gt;
      &lt;/head&gt;
  </code></pre>
  <p>I need both the title and the meta info to be dynamic for SEO purposes. My question is two-fold:</p>
  <ol>
  <li><p>Will using vue-meta plugin solve the page title issue from original source?</p>
  </li>
  <li><p>Do I have to use something like SSR or pre-rendering to get dynamic meta info or is their any other route similar to this approach to do it?</p>
  </li>
  </ol>