adapted components to pinia

src/components/Menu2dCA.vue

@@ -2,55 +2,40 @@
   <MenuRow row-title="2D Cellular Automata">
     <div class="form-field">
       <label>Start from last result</label>
-      <input type="button" value="start" @click="draw2dLast" />
+      <input type="button" value="start" @click="toggleDraw2dLast()" />
     </div>
     <div class="form-field">
-      <input type="button" name="start2d" value="start" @click="draw2d" />
+      <input type="button" name="start2d" value="start" @click="toggleDraw2d()" />
       <input
         type="button"
         name="stop"
         class="stop"
         value="stop"
-        @click="stop"
+        @click="toggleStop()"
       />
       <input
         type="button"
         name="reset"
         class="reset"
         value="reset"
-        @click="reset"
+        @click="toggleReset()"
       />
     </div>
   </MenuRow>
 </template>
 
 <script>
-import MenuRow from "./MenuRow.vue";
-import { mapGetters } from "vuex";
+  import { mapActions } from "pinia";
+  import MenuRow from "./MenuRow.vue";
+  import { globalStore } from "../stores/index.js";
 
-export default {
-  name: "Menu2dCA",
-  components: {
-    MenuRow,
-  },
-  computed: {
-    ...mapGetters({
-      lastBoard: "getLastBoard",
-    }),
-  },
-  methods: {
-    draw2d() {
-      this.$store.dispatch("draw2d");
+  export default {
+    name: "Menu2dCA",
+    components: {
+      MenuRow,
     },
-    draw2dLast() {
-      this.$store.dispatch("draw2dLast");
+    methods: {
+      ...mapActions(globalStore, ["toggleDraw2d", "toggleDraw2dLast", "toggleReset", "toggleStop"]),
     },
-    reset() {
-      this.$store.dispatch("reset");
-    },
-    stop() {
-      this.$store.dispatch("stop");
-    },
-  },
-};
+  };
 </script>