adapted components to pinia

src/components/MenuCellProperties.vue

@@ -34,29 +34,27 @@
 </template>
 
 <script>
-import MenuRow from "./MenuRow.vue";
-export default {
-  name: "MainMenu",
-  components: {
-    MenuRow,
-  },
-  data() {
-    return {
-      cellProperties: this.$store.state.cellProperties,
-    };
-  },
-  methods: {
-    getCellProperties(event) {
-      const elem = event.target;
-      const prop = this.$store.state.cellProperties;
-      return prop[elem.name];
+  import { mapWritableState } from 'pinia'
+  import { globalStore } from "../stores/index.js";
+  import MenuRow from "./MenuRow.vue";
+  export default {
+    name: "MainMenu",
+    components: {
+      MenuRow,
     },
-    updateCellProperties(event) {
-      const elem = event.target;
-      const prop = { name: elem.name, value: elem.value };
-      //console.log(prop)
-      this.$store.commit("setCellProperties", prop);
+    computed: {
+      ...mapWritableState(globalStore, ["cellProperties"])
     },
-  },
-};
+    methods: {
+      getCellProperties(event) {
+        const elem = event.target;
+        const prop = this.cellProperties;
+        return prop[elem.name];
+      },
+      updateCellProperties(event) {
+        const elem = event.target;
+        this.cellProperties[elem.name] = elem.value;
+      },
+    },
+  };
 </script>