// 引入必要的库
import Vue from "vue";
import VueI18n from "vue-i18n";

// 引入工具函数
import { getStorage } from "@/utils/utis";

// 引入项目中需要用到的中英文文案配置js
import enLocale from "./en.json";
import cnLocale from "./cht.json";
import zhcnLocale from "./zh.json";
import japcnLocale from "./jp.json";
import korcnLocale from "./kor.json";
import ThaiLocal from "./th.json";
import SpanishLocal from "./spa.json";
import deLocale from "./de.json";
import frenchLocale from "./fra.json";
import indLocale from "./id.json";
import arLocale from "./ara.json";
import viLocale from "./vie.json";
import ItalyLocal from "./it.json";

// 使用vue-i18n库
Vue.use(VueI18n);

// 获取当前语言（初始化时localStorage里没有存语言，默认为浏览器当前的语言）
const lang = getStorage("lang") || "en";
//const lang = 'zh-CN'

// 组合element ui 和 项目自身的文案文件
const messages = {
  en: {
    ...enLocale,
  },
  "zh-TW": {
    ...cnLocale,
  },
  "zh-CN": {
    ...zhcnLocale,
  },
  ja: {
    ...japcnLocale,
  },
  ko: {
    ...korcnLocale,
  },
  th: {
    ...ThaiLocal,
  },
  es: {
    ...SpanishLocal,
  },
  de: {
    ...deLocale,
  },
  fr: {
    ...frenchLocale,
  },
  hi: {
    ...indLocale,
  },
  ar: {
    ...arLocale,
  },
  vi: {
    ...viLocale,
  },
  it: {
    ...ItalyLocal,
  },
};
// 创建vueI18n实例并输出，在main.js中调用
const i18n = new VueI18n({
  fallbackLocale: "en",
  silentTranslationWarn: true,
  locale: lang,
  messages,
});

export default i18n;