store作成

src/store/cache/actions.ts

@@ -0,0 +1,11 @@
+import { ActionTree } from 'vuex';
+import { StateInterface } from '../index';
+import { ExampleStateInterface } from './state';
+
+const actions: ActionTree<ExampleStateInterface, StateInterface> = {
+  someAction (/* context */) {
+    // your code
+  }
+};
+
+export default actions;

src/store/cache/getters.ts

@@ -0,0 +1,11 @@
+import { GetterTree } from 'vuex';
+import { StateInterface } from '../index';
+import { ExampleStateInterface } from './state';
+
+const getters: GetterTree<ExampleStateInterface, StateInterface> = {
+  someGetter (/* context */) {
+    // your code
+  }
+};
+
+export default getters;

src/store/cache/index.ts

@@ -0,0 +1,16 @@
+import { Module } from 'vuex';
+import { StateInterface } from '../index';
+import state, { ExampleStateInterface } from './state';
+import actions from './actions';
+import getters from './getters';
+import mutations from './mutations';
+
+const exampleModule: Module<ExampleStateInterface, StateInterface> = {
+  namespaced: true,
+  actions,
+  getters,
+  mutations,
+  state
+};
+
+export default exampleModule;

src/store/cache/mutations.ts

@@ -0,0 +1,10 @@
+import { MutationTree } from 'vuex';
+import { ExampleStateInterface } from './state';
+
+const mutation: MutationTree<ExampleStateInterface> = {
+  someMutation (/* state: ExampleStateInterface */) {
+    // your code
+  }
+};
+
+export default mutation;

src/store/cache/state.ts

@@ -0,0 +1,11 @@
+export interface ExampleStateInterface {
+  prop: boolean;
+}
+
+function state(): ExampleStateInterface {
+  return {
+    prop: false,
+  };
+}
+
+export default state;