How can I make dynamic meta data change the actual page source for SEO in Vue

Question

I am currently changing the page title and (in the near future) meta data via vue router like below:

$route (to, from){
    document.title = to.meta.title
}
<