import { createI18n } from 'vue-i18n'

import { Locale } from 'vant'

import enUS from 'vant/es/locale/lang/en-US'

import zhCN from 'vant/es/locale/lang/zh-CN'

function loadLocaleMessages () {

  const locales = require.context('./locale', true, /[A-Za-z0-9-_,\s]+\.json$/i)

  const messages = {}

  locales.keys().forEach(key => {

    const matched = key.match(/([A-Za-z0-9-_]+)\./i)

    if (matched && matched.length > 1) {

      const locale = matched[1]

      messages[locale] = locales(key)

    }

  })

  messages.zh = {

    ...messages.zh,

    ...zhCN

  }

  messages.en = {

    ...messages.en,

    ...enUS

  }

  console.log(messages.zh)

  return messages

}

/*

* 獲取語言

* */

export const getLang = () => {

  const locale = localStorage.getItem('locale')

  if (window) {

    vantLocale(locale)

    if (locale) return locale

    localStorage.setItem('locale', 'zh')

    return 'zh'

  }

  return 'zh'

}

/**

   * vant語言切換

   * */

export function vantLocale(flag) {

  if (flag === 'zh') {

    Locale.use('zh-CN', zhCN)

    return

  }

  Locale.use('en-US', enUS)

}

const i18n = createI18n({

  locale: getLang(),

  fallbackLocale: 'zh',

  messages: loadLocaleMessages()

})

export default i18n