diff --git a/packages/@headlessui-vue/src/components/combobox/combobox.ts b/packages/@headlessui-vue/src/components/combobox/combobox.ts index 5bafc677ea..7138e9a757 100644 --- a/packages/@headlessui-vue/src/components/combobox/combobox.ts +++ b/packages/@headlessui-vue/src/components/combobox/combobox.ts @@ -1432,8 +1432,9 @@ export let ComboboxOption = defineComponent({ }, disabled: { type: Boolean, default: false }, order: { type: [Number], default: null }, + emits: { 'optionSelected': (_value: any) => true }, }, - setup(props, { slots, attrs, expose }) { + setup(props, { slots, attrs, expose, emit }) { let api = useComboboxContext('ComboboxOption') let id = `headlessui-combobox-option-${useId()}` let internalOptionRef = ref(null) @@ -1496,6 +1497,8 @@ export let ComboboxOption = defineComponent({ if (disabled.value) return api.selectOption(id) + emit('optionSelected', props.value) + // We want to make sure that we don't accidentally trigger the virtual // keyboard. //