refine

src/lang/index.js

@@ -27,6 +27,8 @@ const messages = {
 export function getLanguage() {
   const chooseLanguage = Cookies.get('language')
   if (chooseLanguage) return chooseLanguage
+
+  // if has not choose language
   const language = (navigator.language || navigator.browserLanguage).toLowerCase()
   const locales = Object.keys(messages)
   for (const locale of locales) {

src/layout/components/Sidebar/index.vue

@@ -22,6 +22,7 @@ import { mapGetters } from 'vuex'
 import Logo from './Logo'
 import SidebarItem from './SidebarItem'
 import variables from '@/styles/variables.scss'
+
 export default {
   components: { SidebarItem, Logo },
   computed: {

src/store/index.js

@@ -3,13 +3,20 @@ import Vuex from 'vuex'
 import getters from './getters'
 
 Vue.use(Vuex)
+
+// https://webpack.js.org/guides/dependency-management/#require-context
 const modulesFiles = require.context('./modules', false, /\.js$/)
-const modules = {}
-modulesFiles.keys().forEach(item => {
-  const key = item.replace(/^\.\/(.*)\.\w+$/, '$1')
-  const value = modulesFiles(item)
-  modules[key] = value.default
-})
+
+// you do not need `import app from './modules/app'`
+// it will auto require all vuex module from modules file
+const modules = modulesFiles.keys().reduce((acc, cur) => {
+  // set './app.js' => 'app'
+  const key = cur.replace(/^\.\/(.*)\.\w+$/, '$1')
+  const value = modulesFiles(cur)
+  acc[key] = value.default
+  return acc
+}, {})
+
 const store = new Vuex.Store({
   modules,
   getters

src/store/modules/errorLog.js

@@ -1,4 +1,3 @@
-
 const state = {
   logs: []
 }

src/store/modules/tagsView.js

@@ -1,4 +1,3 @@
-
 const state = {
   visitedViews: [],
   cachedViews: []