import Vue from "vue";
import VueI18n from "vue-i18n";
import en from "./en.json";
import india from "@/locales/hi.json";
import zh from "@/locales/zh.json";
import cht from "@/locales/cht.json";
import ty from "@/locales/th.json";
import jp from "@/locales/jp.json";
import hy from "@/locales/kor.json";
import de from "@/locales/de.json";
import fra from "@/locales/fra.json";
import es from "@/locales/es.json";

Vue.use(VueI18n);

const DEFAULT_LANG = window.localStorage.getItem("language") || "jp";
const LOCALE_KEY = "language";
window.localStorage.setItem("language", DEFAULT_LANG);
const locales = {
  en: {
    ...en
  },
  hi: {
    ...india
  },
  "zh-CN": {
    ...zh
  },
  "zh-Hant": {
    ...cht
  },
  th: {
    ...ty
  },
  fr: {
    ...fra
  },
  de: {
    ...de
  },
  ja: {
    ...jp
  },
  jp: {
    ...jp
  },
  ko: {
    ...hy
  },
  es: {
    ...es
  }
};
// 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)
  : "jp";
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;