Swap ToolSection to watch vueuse eventbus

dannon · Nov 15, 2023 · 2bfec6c · 2bfec6c
1 parent 8d8a66d
commit 2bfec6c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/client/src/components/History/CurrentHistory/HistoryEmpty.vue b/client/src/components/History/CurrentHistory/HistoryEmpty.vue
@@ -4,7 +4,7 @@ import { useEventBus } from "@vueuse/core";
 import { useGlobalUploadModal } from "@/composables/globalUploadModal";
 import { localize } from "@/utils/localization";
 
-const { emit } = useEventBus("open-tool-section");
+const { emit } = useEventBus<string>("open-tool-section");
 
 const props = withDefaults(
     defineProps<{
@@ -19,7 +19,7 @@ const props = withDefaults(
 
 const { openGlobalUploadModal } = useGlobalUploadModal();
 function clickDataLink() {
-    emit("openToolSection", "getext");
+    emit("getext");
 }
 </script>
 

diff --git a/client/src/components/Panels/Common/ToolSection.vue b/client/src/components/Panels/Common/ToolSection.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { useEventBus } from "@vueuse/core";
 import { computed, onMounted, onUnmounted, ref, watch } from "vue";
 
-import { eventHub } from "@/components/plugins/eventHub.js";
 import { useConfig } from "@/composables/config";
 import { type ToolSectionLabel, useToolStore } from "@/stores/toolStore";
 import ariaAlert from "@/utils/ariaAlert";
@@ -15,6 +15,8 @@ const emit = defineEmits<{
     (e: "onOperation", tool: any, evt: Event): void;
 }>();
 
+const eventHub = useEventBus<string>("open-tool-section");
+
 const props = defineProps({
     category: {
         type: Object,
@@ -132,11 +134,11 @@ watch(
 );
 
 onMounted(() => {
-    eventHub.$on("openToolSection", openToolSection);
+    eventHub.on(openToolSection);
 });
 
 onUnmounted(() => {
-    eventHub.$off("openToolSection", openToolSection);
+    eventHub.off(openToolSection);
 });
 
 function openToolSection(sectionId: string) {