Updated change emit in SelectMenu

45Drives · Jul 24, 2024 · dc66290 · dc66290
1 parent f196b61
commit dc66290
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/houston-common-ui/lib/components/SelectMenu.vue b/houston-common-ui/lib/components/SelectMenu.vue
@@ -14,6 +14,7 @@ import {
   ref,
   computed,
   watchEffect,
+  watch,
 } from "vue";
 import Disclosure from "@/components/Disclosure.vue";
 import { ChevronDownIcon } from "@heroicons/vue/20/solid";
@@ -33,7 +34,7 @@ const props = withDefaults(
 );
 
 const emit = defineEmits<{
-  (e: "change", value: string): void;
+  (e: "change", value: unknown): void;
 }>();
 
 const currentSelectionIndex = computed<number | undefined>(() => {
@@ -68,6 +69,8 @@ const { inputBuffer, onInput } = useTempInputBuffer(1000);
 
 const optionRefs = ref<HTMLButtonElement[]>([]);
 
+watch(model, () => emit('change', model.value), {deep: true, immediate: true})
+
 watchEffect(() => {
   const searchText = inputBuffer.value?.toLowerCase();
   if (searchText === undefined) {