Vue I18n не работает на чистых файлах JavaScript

Question

Я реализовал https://kazupon.github.io/vue-i18n/ i18n локализацию в моем проекте. И это очень хорошо работает на компонентах / страницах vue. Но это не работает на чистых классах JavaScript и миксинах. Есть ли способ справиться с этим?

В example.vue компонент:

<template>
<p>{{ $t("message.hello") }}</p>
...
</template>
<script>
data:(){
...
},
methods:...
i18n: require('path of localization messages.')
</script>

Но это не работает на example.js (чистый JavaScript)) или example.mjs (mixins) файлы.

Answer 1

Я нашел ответ здесь: https://github.com/kazupon/vue-i18n/issues/287

Вы можете импортировать экземпляр VueI18n.

Например, приложение, созданное с помощью vue-cli:

src / i18n.js:

import VueI18n from 'vue-i18n'
import Vue from 'vue'

Vue.use(VueI18n)

export default new VueI18n({
  // ...
})

src / foo.js:

import i18n from './i18n'

console.log(i18n.t('foo.bar')