src/components/CanvasBoard.vue

@@ -164,13 +164,14 @@
     );
     const newBoard = picToBoard(resized.data, store.board);
     store.board.grid = Object.freeze(newBoard);
+    store.toggleStop();
   };
 
   const reset = () => {
     store.toggleStop();
     store.board.grid = null;
     store.renderer.reset();
-    store.reset = false;
+    store.toggleReset();
   };
 </script>
 <template>

src/stores/index.js

@@ -66,32 +66,32 @@ export const globalStore = defineStore("globalStore", {
     toggleDraw1d() {
       this.setActiveSubMenu("");
       this.setMainMenu(false);
-      this.draw1d = true;
+      this.draw1d = !this.draw1d;
     },
     toggleDraw2d() {
       this.setActiveSubMenu("");
       this.lastAction = "draw2d";
       this.setMainMenu(false);
       this.toggleStop();
-      this.canDraw = true;
-      this.draw2d = true;
+      this.canDraw = !this.canDraw;
+      this.draw2d = !this.draw2d;
     },
     toggleDraw2dLast() {
       this.setActiveSubMenu("");
       this.lastAction = "drawfromlast";
       this.setMainMenu(false);
       this.toggleStop();
-      this.canDraw = true;
-      this.draw2dLast = true;
+      this.canDraw = !this.canDraw;
+      this.draw2dLast = !this.draw2dLast;
     },
     toggle2dDrawFromPicture() {
       this.toggleStop();
-      this.canDraw = true;
-      this.draw2dpicture = true;
+      this.canDraw = !this.canDraw;
+      this.draw2dpicture = !this.draw2dpicture;
     },
     toggleReset() {
       this.toggleStop();
-      this.reset = true;
+      this.reset = !this.reset;
     },
     toggleStop() {
       this.draw1d = false;