using with prerender-spa-plugin is causing title and meta tags to be displayed twice

Hi, Firstly, thanks for the amazing work you do, hope they decide to make everyone’s life better by making vue-head a standard part of vue soon.

I am not sure this is an issue with vue-head but please forgive me if I am wasting your time.

This issue only happens when live on netlify ( without their prerender option active ), not while being served locally.

the live site shows : <title>about | anonplayer about | anonplayer</title> but my component has

  head: {  
    title: {
      inner: "about | anonplayer",
      separator: ' ',
    }, ...

and this happens for every page of my single page app

and this is also happening to meta tags i set using vue-head where there are two sets of the tags i intended to have.

looks like this

I have the default prerender settings :

      config.plugins.push(new PrerenderSPAPlugin({
        // Required - The path to the webpack-outputted app to prerender.
        staticDir: path.join(__dirname, 'dist'),
        // Required - Routes to render.
        routes: ['/', '/about'].concat(contracts.map(each => `/${each.abi}/${each.contract}`)),
      }))

[bigsee]

Maybe that’s what this option is for: https://github.com/ktquez/vue-head#default-custom-title ?

[d0peCode]

I have following code for title in my index component:

export default {
    head: {
        title: function () {
            return {
                inner: this.$options.filters.translate('yacht charter'),
                separator: ' ',
                id: 'indexTitle'
            }
        },

I’m also using prerender-spa-plugin. Title at first is once (when I use show code ctrl+U) but when javascript loads and execute, it double title.

This happen only to prerendered app.

I’m doing something wrong?

---

Edit 18.02.2019

I think I fixed it with changing 7th line in vue-head.js in node_modules directory from:

complement: window.document.title,

to

complement: '',