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

Vue.use(VueI18n)

function loadLocaleMessages () {
  const locales = require.context('../locales', 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)
    }
  })
  return messages
}

export default new VueI18n({
  locale: process.env.VUE_APP_I18N_LOCALE || 'en',
  fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',
  messages: loadLocaleMessages()
})

@@ -437,155 +437,372 @@
 %0A%7D%0A%0A
-export default new VueI18n(%7B%0A  locale: process.env.VUE_APP_I18N_LOCALE %7C%7C 'en',%0A  fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE %7C%7C 'en',
+function getBrowserLocale() %7B%0A    const navigatorLocale = navigator.languages !== undefined%0A        ? navigator.languages%5B0%5D%0A        : navigator.language%0A%0A    return !navigatorLocale%0A        ? undefined%0A        : navigatorLocale%0A%7D%0A%0Aexport default new VueI18n(%7B%0A  locale: getBrowserLocale(),%0A  fallbackLocale: 'en',%0A  // TODO : chunk locales json and lazy load them
 %0A  m

add temp browser locale getter