import Vue from "vue";
import VueI18n from "vue-i18n";
import en from "./en.json";
import india from "@/locales/hi.json";
import tw from "@/locales/cht.json";
import ty from "@/locales/th.json";
import ry from "@/locales/jp.json";
import hy from "@/locales/kor.json";

Vue.use(VueI18n);

const DEFAULT_LANG = "zh-CN";
const LOCALE_KEY = "language";

const locales = {
  en: {
    ...en,
  },
  hi: {
    ...india,
  },
  "zh-TW": {
    ...tw,
  },
  th: {
    ...ty,
  },
  ja: {
    ...ry,
  },
  ko: {
    ...hy,
  },
};
// en-us  zh-cn
// let langLocale = getCookie(LOCALE_KEY) || 'en';
if (!window.localStorage.getItem(LOCALE_KEY)) {
  window.localStorage.setItem(LOCALE_KEY, DEFAULT_LANG);
}
let langLocale = window.localStorage.getItem(LOCALE_KEY)
  ? window.localStorage.getItem(LOCALE_KEY)
  : "zh-CN";
const i18n = new VueI18n({
  locale: langLocale,
  messages: locales,
  silentTranslationWarn: true,
});
const init = Vue.prototype._init;
Vue.prototype._init = function (options) {
  init.call(this, {
    i18n,
    ...options,
  });
};

export const setup = (lang) => {
  if (lang === undefined) {
    // lang = window.localStorage.getItem(LOCALE_KEY);
    // const language = getCookie(LOCALE_KEY);
    const language = window.localStorage.getItem(LOCALE_KEY);
    if (language) {
      langLocale = language.replace("-", "_").toLowerCase();
    }
    if (undefined !== langLocale && langLocale !== "") {
      lang = langLocale;
    }
    if (locales[lang] === undefined) {
      lang = DEFAULT_LANG;
    }
    // console.log(`lang-${lang}`);
  }

  Vue.config.lang = lang;
  i18n.locale = lang;
};

setup();

export default i18n;