ayanova/src/App.vue

@@ -88,7 +88,6 @@
 <script>
 /*  xeslint-disable    */
 import aboutInfo from "./api/aboutinfo";
-import gzmenu from "./api/gzmenu";
 
 export default {
   data() {
@@ -110,17 +109,17 @@ export default {
     //
     var that = this;
     this.$gzevent.$on("menu-change", function handleMenuChange(ctx) {
-      gzmenu.handleMenuChange(that, ctx);
+      that.$gzmenu.handleMenuChange(that, ctx);
     });
 
     this.$gzevent.$on("menu-replace-item", function handleReplaceMenuItem(
       newItem
     ) {
-      gzmenu.handleReplaceMenuItem(that, newItem);
+      that.$gzmenu.handleReplaceMenuItem(that, newItem);
     });
 
     this.$gzevent.$on("menu-click", function handleMenuClick(menuitem) {
-      gzmenu.handleClick(that, menuitem);
+      that.$gzmenu.handleClick(that, menuitem);
     });
   },
   beforeDestroy() {

ayanova/src/main.js

@@ -14,6 +14,7 @@ import dayjs from "dayjs";
 import lodash from "./libs/lodash.min.js";
 //my libs
 import gzeventbus from "./api/eventbus";
+import gzmenu from "./api/gzmenu";
 import gzutil from "./api/gzutil";
 import locale from "./api/locale";
 import gzapi from "./api/gzapi";
@@ -27,6 +28,7 @@ import gzdateandtimepicker from "./components/gzdateandtimepicker.vue";
 // (https://medium.com/js-dojo/use-any-javascript-library-with-vue-js-3f7e2a4974a8)
 //
 Object.defineProperty(Vue.prototype, "$gzevent", { value: gzeventbus });
+Object.defineProperty(Vue.prototype, "$gzmenu", { value: gzmenu });
 Object.defineProperty(Vue.prototype, "$gzutil", { value: gzutil });
 Object.defineProperty(Vue.prototype, "$dayjs", { value: dayjs });
 Object.defineProperty(Vue.prototype, "$_", { value: lodash });