title: Problem to use VueI18n outside a component
body: <p>I'm trying to use i18n outside a component I've found this solution <a href="https://github.com/dkfbasel/vuex-i18n/issues/16" rel="noreferrer">https://github.com/dkfbasel/vuex-i18n/issues/16</a> telling to use Vue.i18n.translate('str'), but when I call this occurs an error Cannot read property 'translate' of undefined.</p>
  
  <p>I'm using the following configuration</p>
  
  <p><strong>main.js</strong></p>
  
  <pre><code>import i18n from './i18n/i18n';
  new Vue({
      router,
      store,
      i18n: i18n,
      render: h =&gt; h(App)
  }).$mount('#app')
  </code></pre>
  
  <p><strong>i18n.js</strong></p>
  
  <pre><code>import Vue from 'vue'
  import VueI18n from 'vue-i18n'
  import i18nData from './i18nData'
  Vue.use(VueI18n);
  export default new VueI18n({
    locale: 'en',
    messages: i18nData,
  });
  </code></pre>
  
  <p><strong>i18nData.js</strong></p>
  
  <pre><code>export default {
      en: {
          //my messages
      }
  }
  </code></pre>
  
  <p>Then I trying to use this</p>
  
  <pre><code>import Vue from 'vue';
  Vue.i18n.translate('someMessage');
  </code></pre>
  
  <p>Can anyone help me?</p>