Fix Portuguese language reference and DRY

assets/src/i18n/index.js

@@ -9,8 +9,9 @@ import zhTW from './zh-tw.yaml'
 
 Vue.use(VueI18n)
 
-let locale = (navigator.language || navigator.browserLangugae).toLowerCase()
+export function detectLocale () {
-switch (true) {
+  let locale = (navigator.language || navigator.browserLangugae).toLowerCase()
+  switch (true) {
     case /^en.*/i.test(locale):
       locale = 'en'
       break
@@ -18,7 +19,7 @@ switch (true) {
       locale = 'fr'
       break
     case /^pt.*/i.test(locale):
-    locale = 'pr'
+      locale = 'pt'
       break
     case /^ja.*/i.test(locale):
       locale = 'ja'
@@ -34,10 +35,13 @@ switch (true) {
       break
     default:
       locale = 'en'
+  }
+
+  return locale
 }
 
 const i18n = new VueI18n({
-  locale: locale,
+  locale: detectLocale(),
   fallbackLocale: 'en',
   messages: {
     'en': en,

assets/src/store/mutations.js

@@ -1,4 +1,4 @@
-import i18n from '@/i18n'
+import * as i18n from '@/i18n'
 import moment from 'moment'
 
 const mutations = {
@@ -27,34 +27,14 @@ const mutations = {
   setLoading: (state, value) => { state.loading = value },
   setReload: (state, value) => { state.reload = value },
   setUser: (state, value) => {
-    let locale = (value.locale || navigator.language || navigator.browserLangugae).toLowerCase()
+    let locale = value.locale
-    switch (true) {
+
-      case /^en.*/i.test(locale):
+    if (locale === '') {
-        locale = 'en'
+      locale = i18n.detectLocale()
-        break
-      case /^fr.*/i.test(locale):
-        locale = 'fr'
-        break
-      case /^pt.*/i.test(locale):
-        locale = 'pr'
-        break
-      case /^ja.*/i.test(locale):
-        locale = 'ja'
-        break
-      case /^zh-CN/i.test(locale):
-        locale = 'zh-cn'
-        break
-      case /^zh-TW/i.test(locale):
-        locale = 'zh-tw'
-        break
-      case /^zh.*/i.test(locale):
-        locale = 'zh-cn'
-        break
-      default:
-        locale = 'en'
     }
+
     moment.locale(locale)
-    i18n.locale = locale
+    i18n.default.locale = locale
     state.user = value
   },
   setCSS: (state, value) => (state.css = value),