src/components/MenuRow.vue

@@ -10,9 +10,6 @@
 </template>
 
 <script>
-  import { mapWritableState } from "pinia";
-  import { globalStore } from "../stores/index.js";
-
   export default {
     name: "MenuRow",
     props: {
@@ -21,9 +18,10 @@
         default: "",
       },
     },
-    computed: {
-      // TODO: should be passed as a props/slot, not in a store
-      ...mapWritableState(globalStore, ["activeMenu"]),
+    data() {
+      return {
+        activeMenu: "",
+      };
     },
     methods: {
       updateActiveMenu(event) {

src/stores/index.js

@@ -27,7 +27,6 @@ export const globalStore = defineStore("globalStore", {
       boardHeight: 0,
       refreshRate: 300,
       initial1dState: "onecell",
-      activeMenu: "",
       drawingDirection: "y",
       lastBoard: {},
       draw1d: false,