i liked a global event bus better

src/store/index.js

@@ -40,7 +40,11 @@ export const store = createStore({
     activeMenu: "",
     drawingDirection: "y",
     lastBoard: {},
-    isDrawing1d: false,
+    draw1d: false,
+    draw2d: false,
+    draw2dLast: false,
+    reset: false,
+    canDraw: true,
   },
   mutations: {
     update1dSingleRule(state, data) {
@@ -80,8 +84,20 @@ export const store = createStore({
     setContext(state, data) {
       state.ctx = data;
     },
-    setIsDrawing1d(state, data) {
-      state.isDrawing1d = data;
+    toggleDraw1d(state, data) {
+      state.draw1d = data;
+    },
+    toggleDraw2d(state, data) {
+      state.draw2d = data;
+    },
+    toggleDraw2dLast(state, data) {
+      state.draw2dLast = data;
+    },
+    toggleReset(state, data) {
+      state.reset = data;
+    },
+    canDraw(state, data) {
+      state.canDraw = data;
     },
   },
   getters: {
@@ -92,7 +108,6 @@ export const store = createStore({
       return state.rules1d;
     },
     getRule1d(state) {
-      // getter with side-effect. no work
       return state.rules1d;
     },
     getCanvasWidth(state) {
@@ -116,17 +131,43 @@ export const store = createStore({
     getLastBoard(state) {
       return state.lastBoard;
     },
-    getIsDrawing1d(state) {
-      return state.isDrawing1d;
+    getDraw1d(state) {
+      return state.draw1d;
+    },
+    getDraw2d(state) {
+      return state.draw2d;
+    },
+    getDraw2dLast(state) {
+      return state.draw2dLast;
+    },
+    getReset(state) {
+      return state.reset;
+    },
+    getCanDraw(state) {
+      return state.canDraw;
     },
   },
   actions: {
     draw1d({ commit }) {
-      commit("setIsDrawing1d", 1);
+      commit("toggleDraw1d", true);
+    },
+    draw2d({ commit }) {
+      commit("canDraw", true);
+      commit("toggleDraw2d", true);
+    },
+    draw2dLast({ commit }) {
+      commit("canDraw", true);
+      commit("toggleDraw2dLast", true);
+    },
+    reset({ dispatch, commit }) {
+      dispatch("stop");
+      commit("toggleReset", true);
     },
     stop({ commit }) {
-      commit("setIsDrawing1d");
-      // commit("setIsDrawing2d")
+      commit("toggleDraw1d", false);
+      commit("toggleDraw2d", false);
+      commit("toggleDraw2dLast", false);
+      commit("canDraw", false);
     },
   },
   modules: {},