title: Trying to set Vue Meta page title using string + variable
body: <p>I'm using Vue Meta as part of a blog application within a project using Nuxt JS 2.4.5</p>
  
  <p>I'm having some trouble trying to set the title + a variable from <code>data ()</code> and I'm not sure what I'm missing</p>
  
  <p>I've tried multiple attempts at getting it to work, moving code around, using <code>this</code> setting it manually, nothing seems to work...</p>
  
  <pre><code>&lt;script&gt;
  import BlogsFromJson from '~/static/articles/blogs.json';
  
  export default {
    head: {
      title: 'My Website: Blog: ' + this.myBlogTitle, // or something else
      meta: [
        { hid: 'description', name: 'description', content: 'Read the latest news and articles from Flex Repay UK.' }
      ]
    },
    data () {
      return {
        title: this.$route.params.title,
        blog: BlogsFromJson,
        myBlogTitle: 'some title'
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I've tried setting a variable within <code>data ()</code> and using it statically.</p>
  
  <p>Doing this should give me <code>My Website: Blog: some title</code></p>
  
  <p>What could I be missing here?</p>