feat(vuex & test): 完善 vuex 使用以及更改了组件测试页面

Author: 白唯

src/main.ts

@@ -1,26 +1,26 @@
-import { createApp } from 'vue'
-import App from '@/App.vue'
-import router from '@/router'
-import store from '@/store'
-import { AppConfig } from '@/config/app'
-
-import { loadAllPlugins } from '@/plugins'
-import { registeGlobalComponent } from '@/components/index'
-
-/** 导入第三方插件 */
-import '@/plugins'
-
-/** 将全局静态配置注入到应用中,可以通过 this.a读取,比 provide 和 inject 手动注入更方便  */
-const app: ReturnType<typeof createApp> = createApp(App)
-app.config.globalProperties = AppConfig
-
-/** 加载所有 Plugins */
-loadAllPlugins(app)
-
-/** 自动注册全局组件  */
-registeGlobalComponent(app)
-
-app
-  .use(store)
-  .use(router)
-  .mount('#app')
+import { createApp } from 'vue'
+import App from '@/App.vue'
+import router from '@/router'
+import store from '@/store'
+import { AppConfig } from '@/config/app'
+
+import { loadAllPlugins } from '@/plugins'
+import { registeGlobalComponent } from '@/components/index'
+
+/** 导入第三方插件 */
+import '@/plugins'
+
+/** 将全局静态配置注入到应用中,可以通过 this.a读取,比 provide 和 inject 手动注入更方便  */
+const app: ReturnType<typeof createApp> = createApp(App)
+app.config.globalProperties = AppConfig
+
+/** 加载所有 Plugins */
+loadAllPlugins(app)
+
+/** 自动注册全局组件  */
+registeGlobalComponent(app)
+
+app
+  .use(store)
+  .use(router)
+  .mount('#app')

src/store/index.ts

@@ -2,11 +2,8 @@ import { createStore, createLogger, Store } from 'vuex'
 import createPersistedState from 'vuex-persistedstate'
 import mutations from './mutations'
 import modules from './modules'
-import { AppStateType } from '@/store/modules/app/state'
 import { StateType } from '@types'
 
-export type GlobalState = { app: AppStateType }
-
 const store: Store<StateType> = createStore({
   strict: true,
   mutations,
@@ -27,6 +24,4 @@ const store: Store<StateType> = createStore({
         ]
 })
 
-store.state.app?.language
-
 export default store

src/store/modules/app/state.ts

@@ -1,4 +1,4 @@
-import { GlobalState } from '@/store'
+import { StateType } from '@types'
 import { Module } from 'vuex'
 
 const state = {
@@ -10,7 +10,7 @@ const state = {
 }
 type AppStateType = typeof state
 
-const app: Module<AppStateType, GlobalState> = { namespaced: true, state }
+const app: Module<AppStateType, StateType> = { namespaced: true, state }
 
 export { AppStateType, state }
 export default app

src/store/modules/index.ts

@@ -1,18 +1,18 @@
-// https://vuex.vuejs.org/en/modules.html
-
-const files = require.context('.', true, /\.ts$/)
-const modules: any = {}
-
-files.keys().forEach((key) => {
-  if (key === './index.ts') return
-  const path = key.replace(/(\.\/|\.ts)/g, '')
-  const [namespace, imported] = path.split('/')
-  if (!modules[namespace]) {
-    modules[namespace] = {
-      namespaced: true
-    }
-  }
-  modules[namespace][imported] = files(key).default
-})
-
-export default modules
+// https://vuex.vuejs.org/en/modules.html
+
+const files = require.context('.', true, /\.ts$/)
+const modules: any = {}
+
+files.keys().forEach(key => {
+  if (key === './index.ts') return
+  const path = key.replace(/(\.\/|\.ts)/g, '')
+  const [namespace, imported] = path.split('/')
+  if (!modules[namespace]) {
+    modules[namespace] = {
+      namespaced: true
+    }
+  }
+  modules[namespace][imported] = files(key).default
+})
+
+export default modules