fix(store): add namespaced in numFactoryModule

src/router/index.ts

@@ -1,4 +1,4 @@
-import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
+import { createRouter, createWebHashHistory, Router, RouteRecordRaw } from 'vue-router'
 import Home from '@/views/Home.vue'
 import Vuex from '@/views/Vuex.vue'
 import Test from '@/views/Test.vue'
@@ -26,7 +26,7 @@ const routes: Array<RouteRecordRaw> = [
   }
 ]
 
-const router = createRouter({
+const router: Router = createRouter({
   history: createWebHashHistory(),
   routes
 })

src/store/index.ts

@@ -1,29 +1,22 @@
-/*
- * @Author: Aliom
- * @Date: 2021-04-20 10:12:12
- * @LastEditors: Aliom
- * @LastEditTime: 2021-04-20 10:18:39
- */
-import { InjectionKey } from "vue";
-import { createStore, Store, useStore as baseUseStore } from 'vuex';
-import RootStateTypes, { AllStateTypes } from './interface';
+import { InjectionKey } from 'vue'
+import { createStore, Store, useStore as baseUseStore } from 'vuex'
+import RootStateTypes, { AllStateTypes } from './types'
 
-import numFactoryModule from "./modules/NumFactory";
+import numFactoryModule from './modules/NumFactory'
 
 export const store = createStore<RootStateTypes>({
   state: {
-    text: "vuex全局根目录",
+    text: 'This is Vuex Root.state.text'
   },
   getters: {},
-  mutations: {
-  },
+  mutations: {},
   actions: {},
   modules: {
     numFactoryModule
   }
-});
+})
 
-export const key: InjectionKey<Store<RootStateTypes>> = Symbol('vue-store');
+export const key: InjectionKey<Store<RootStateTypes>> = Symbol('vue-store')
 
 export function useStore<T = AllStateTypes>() {
   return baseUseStore<T>(key)

src/store/modules/NumFactory/index.ts

@@ -1,27 +1,20 @@
-/*
- * @Author: Aliom
- * @Date: 2021-04-20 10:03:47
- * @LastEditors: Aliom
- * @LastEditTime: 2021-04-20 10:28:54
- */
-import { Module } from "vuex";
-import NumFactoryStareTypes from './interface';
-import RootStateTypes from '../../interface';
-
+import { Module } from 'vuex'
+import NumFactoryStateTypes from './types'
+import RootStateTypes from '../../types'
 
 // Create a new store Modules.
-const numFactoryModule: Module<NumFactoryStareTypes, RootStateTypes> = {
+const numFactoryModule: Module<NumFactoryStateTypes, RootStateTypes> = {
+  namespaced: true,
   state: {
     name: 'numFactory-module',
     count: 1
   },
   mutations: {
-    DOUBLE_COUNT(state) {
-      state.count = 2 * state.count;
+    DOUBLE_COUNT(state: NumFactoryStateTypes) {
+      state.count *= 2
     }
   },
-  actions: {
-  },
+  actions: {}
 }
 
-export default numFactoryModule;
+export default numFactoryModule

src/store/types.ts

@@ -1,4 +1,4 @@
-import NumFactoryStateTypes from '../store/modules/NumFactory/interface'
+import NumFactoryStateTypes from './modules/NumFactory/types'
 
 export default interface RootStareTypes {
   text: string

src/views/Vuex.vue

@@ -1,9 +1,3 @@
-<!--
- * @Author: Aliom
- * @Date: 2021-04-20 10:03:47
- * @LastEditors: Aliom
- * @LastEditTime: 2021-04-20 10:30:28
--->
 <template>
   <div class="vuex-container page-container">
     <div class="page-title">Vuex Test Page</div>