title: How to use vue-i18n inside my vue-route?
body: <ol>
  <li><p>My main app.js</p>
  
  <pre><code>        import Vue from 'vue'
          import language from './language'
          import VueI18n from 'vue-i18n'
  
          Vue.use(VueI18n)
          const i18n = new VueI18n({
            locale: 'en', 
            messages: language.messages,
          })
  
          import router from './router'
          new Vue({
            el: '#app',
            i18n,
            router,
            template: '&lt;App/&gt;',
            components: { App }  
          })
  </code></pre></li>
  <li><p>The language.js</p>
  
  <pre><code>        export default { 
              messages : {
              en: {
                  hello: 'hello!'
                },
                ja: {
                  hello: 'こんにちは!'
                },
                zh: {
                  hello: '你好!'
                }
              }
          }
  </code></pre></li>
  <li><p>my issue is following route.js code, which I can't use <code>this.$i18n.t('hello')</code>, because <code>$i18n</code> is not available.</p>
  
  <pre><code>        import Vue from 'vue'
          import Router from 'vue-router'
  
          export const myRouteMap = [
  
            {
              path: '/',
              component: MyComponent,
              redirect: '/myHome',
              //name: 'Home',
              name: this.$i18n.t('hello') // can't use $i18n here.
            }
          ]
  </code></pre></li>
  </ol>
  
  <p>Is there anyone has a similar situation, want to use i18n at vue-route and resolved the issue?</p>