fix(Combobox): search term not reactive to prop changes (#1863)

JoosepAlviste · web-flow · commit 4b402b12040e · 2025-05-05T23:37:00.000+08:00
If the `ComboboxInput` `modelValue` prop was changed, then the
`filterState.search` was not updated, so the previously filtered results
were still shown in the combobox content.

With this change, we explicitly update the `filterState.search` whenever
the `modelValue` is updated.
diff --git a/packages/core/src/Combobox/ComboboxInput.vue b/packages/core/src/Combobox/ComboboxInput.vue
@@ -85,6 +85,15 @@ watch(rootContext.modelValue, async () => {
   if (!rootContext.isUserInputted.value && rootContext.resetSearchTermOnSelect.value)
     resetSearchTerm()
 }, { immediate: true, deep: true })
+
+watch(
+  () => props.modelValue,
+  () => {
+    if (props.modelValue !== undefined) {
+      rootContext.filterState.search = props.modelValue
+    }
+  },
+)
 </script>
 
 <template>
