chore: Replace eventBus with mitt.js

app/javascript/packs/application.js

@@ -2,6 +2,7 @@ import Vue from 'vue';
 import VueI18n from 'vue-i18n';
 import VueRouter from 'vue-router';
 import axios from 'axios';
+import bus from './mitt.js';
 // Global Components
 import hljs from 'highlight.js';
 import Multiselect from 'vue-multiselect';
@@ -93,7 +94,7 @@ commonHelpers();
 
 window.WootConstants = constants;
 window.axios = createAxios(axios);
-window.bus = new Vue();
+window.bus = bus;
 initializeChatwootEvents();
 initializeAnalyticsEvents();
 initalizeRouter();

app/javascript/packs/mitt.js

@@ -0,0 +1,11 @@
+import mitt from 'mitt';
+
+const emitter = mitt();
+
+const bus = {
+  $on: emitter.on,
+  $off: emitter.off,
+  $emit: emitter.emit,
+};
+
+export default bus;