import Vue from 'vue'
|
import VueI18n from 'vue-i18n'
|
import storage from 'store'
|
import moment from 'moment'
|
|
// default lang
|
import enUS from './lang/en-US'
|
|
Vue.use(VueI18n)
|
|
export const defaultLang = 'en-US'
|
|
const messages = {
|
'en-US': {
|
...enUS
|
}
|
}
|
|
const i18n = new VueI18n({
|
silentTranslationWarn: true,
|
locale: defaultLang,
|
fallbackLocale: defaultLang,
|
messages
|
})
|
|
const loadedLanguages = [defaultLang]
|
|
function setI18nLanguage (lang) {
|
i18n.locale = lang
|
// request.headers['Accept-Language'] = lang
|
document.querySelector('html').setAttribute('lang', lang)
|
return lang
|
}
|
|
export function loadLanguageAsync (lang = defaultLang) {
|
return new Promise(resolve => {
|
// 缓存语言设置
|
storage.set('lang', lang)
|
if (i18n.locale !== lang) {
|
if (!loadedLanguages.includes(lang)) {
|
return import(/* webpackChunkName: "lang-[request]" */ `./lang/${lang}`).then(msg => {
|
const locale = msg.default
|
i18n.setLocaleMessage(lang, locale)
|
loadedLanguages.push(lang)
|
moment.updateLocale(locale.momentName, locale.momentLocale)
|
return setI18nLanguage(lang)
|
})
|
}
|
return resolve(setI18nLanguage(lang))
|
}
|
return resolve(lang)
|
})
|
}
|
|
export function i18nRender (key) {
|
return i18n.t(`${key}`)
|
}
|
|
export default i18n
|
