README.md

@@ -2,8 +2,6 @@
 
 Explore 1D and 2D cellular automata, with a few bells and whistles.
 
-![rules73](./example.png)
-
 ## Project setup
 
 ```

src/components/MenuRow.vue

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

src/stores/index.js

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