index.ts

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

const vueApp: any = Vue;

vueApp.use(VueI18n);

import zhCn from './lang/zh-CN';
import vantZhCnLocale from 'vant/lib/locale/lang/zh-CN';

const messages = {
    'ZH-CN': Object.assign(vantZhCnLocale, zhCn()),
};
import enUs from './lang/en-US';
import vantEnLocale from 'vant/lib/locale/lang/en-US';
Object.assign(messages, {
    'EN-US': Object.assign(vantEnLocale, enUs()),
});

// 自动根据浏览器系统语言设置语言
const navLang = localStorage.getItem('local') || navigator.language.toUpperCase();
const localLang = (navLang.indexOf('ZH') !== -1 || (navLang.indexOf('EN') !== -1 && messages.hasOwnProperty('EN-US'))) ? navLang : false;
let lang: string = localLang || 'ZH-CN';

vueApp.config.lang = lang

// // vue-i18n 6.x+写法
vueApp.locale = () => { };

const i18n = new VueI18n({
    locale: lang,
    messages,
    silentTranslationWarn: true,
});

export default i18n;

/**
 * 处理语言路径映射
 *
 */
 export const handleLocaleMap: Function = (key: string) => {
    switch (key) {
        case 'zh-CN':
            return 'ZH_CN';
        case 'en-US':
            return 'EN';
        default:
            return 'ZH_CN';
    }
}