title: Pass a parameter to Vue router meta title
body: <p>I am trying to create a dynamic title for a Vue route. It seems I cannot find a way to pass a parameter into meta title. I need it, because I have a <code>VueHeader</code> component, which renders a heading from route meta title. Here's my code:</p>
  
  <pre><code>  {
      path: '/case/:id',
      name: 'edit-case',
      component: VueEditCase,
      meta: {
        title: 'Edit case ' + $route.params.id,
      },
    },
  </code></pre>
  
  <p>However, I am getting an error <code>Uncaught ReferenceError: $route is not defined</code>. Same happens if I have <code>title: 'Edit case ' + this.$route.params.id</code> or <code>title: 'Edit case ' + route.params.id</code> or <code>title: 'Edit case ' + this.route.params.id</code>. I've also tried <code>title: 'Edit case ' + ':id'</code>, etc. </p>
  
  <p>I could not find any answer on the internet, so I am asking for your help here, guys. Anyone got some similar problem and solved it?</p>
  
  <p>Here's an image of other, working, routes:
  <a href="https://i.stack.imgur.com/bbdDy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bbdDy.png" alt="working routes"></a></p>
  
  <p>Here's an image of how I am rendering the meta title in header:
  <a href="https://i.stack.imgur.com/CWl96.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CWl96.png" alt="header renderring from route meta title"></a></p>
  
  <p>Here's how header looks when entered the respective example routes:
  <a href="https://i.stack.imgur.com/xxvrB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xxvrB.png" alt="route to dashboard"></a>
  <a href="https://i.stack.imgur.com/yTOYl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yTOYl.png" alt="route to service items"></a></p>