title: Translate meta tags in vue-router with i18n
body: <p>I can't figure out how to use i18n inside vue.router to translate the meta tags that are being used for my breadcrumb</p>
  
  <p>main.js</p>
  
  <pre><code>import vuexI18n from 'vuex-i18n';
  Vue.use(vuexI18n.plugin, store);
  const i18n = Vue.i18n
  import es_es from '@/assets/langs/es_es';
  import en_us from '@/assets/langs/en_us';
  i18n.add('es_es', es_es)
  i18n.add('en_us', en_us)
  i18n.set('en_us')
  </code></pre>
  
  <p>router.js</p>
  
  <pre><code>import vuexI18n from 'vuex-i18n'
  Vue.use(Router)
  Vue.use(vuexI18n.plugin, store)
  const i18n = Vue.i18n
  </code></pre>
  
  <p>Key for the route trying to translate</p>
  
  <pre><code>{
      path: '/clientes/nuevo',
      name: 'CustomersNew',
      beforeEnter: (to, from, next) =&gt; { 
           Auth(to, from, next); 
           CheckPermission(to, from, next, "customers@add_customer");
      },
      component: CustomersNew,
      meta: {
          breadcrumb: {
              title: Vue.i18n.translate('customers.title'),
              links: [ "Customers", "new"]
          }
      }
  }
  </code></pre>
  
  <p>Any translation used in any template are translated just fine.</p>