hot sexy fixes for active menu

src/components/MainMenu.vue

@@ -1,9 +1,9 @@
 <template>
   <div id="main-menu">
-    <MenuGeneralOptions />
-    <MenuCellProperties />
-    <MenuElementaryCA />
-    <Menu2dCA />
+    <MenuGeneralOptions :active="active" @update-active="updateActive" />
+    <MenuCellProperties :active="active" @update-active="updateActive" />
+    <MenuElementaryCA :active="active" @update-active="updateActive" />
+    <Menu2dCA :active="active" @update-active="updateActive" />
   </div>
 </template>
 
@@ -20,6 +20,21 @@
       MenuElementaryCA,
       Menu2dCA,
     },
+    data() {
+      return {
+        active: "",
+      };
+    },
+    methods: {
+      // set the opened submenu. If already active, reset it so it can close
+      updateActive(menu) {
+        if (menu === this.active) {
+          this.active = "";
+        } else {
+          this.active = menu;
+        }
+      },
+    },
   };
 </script>