keeps a single menu open

src/store/index.js

@@ -24,7 +24,8 @@ export default new Vuex.Store({
     canvasWidth: 1280,
     canvasHeight: 720,
     refreshRate: 300,
-    initial1dState: "onecell"
+    initial1dState: "onecell",
+    activeMenu: "Elementary Cellular Automata"
   },
   mutations: {
     update1dSingleRule(state, data) {
@@ -50,7 +51,10 @@ export default new Vuex.Store({
     },
     setInitial1dState(state, data) {
       state.initial1dState = data
-    }
+    },
+    setActiveMenu(state, data) {
+      state.activeMenu = data
+    },
   },
   getters: {
     getCellProperties(state) {
@@ -76,6 +80,9 @@ export default new Vuex.Store({
     },
     getInitial1dState(state) {
       return state.initial1dState
+    },
+    getActiveMenu(state) {
+      return state.activeMenu
     }
   },
   actions: {