Vue - ComboboxInput: displayValue

[szabizs]

I would like to maintain the query string that the user entered in the input but I am unable to do it with :displayValue

The term is set as I desire but it is not updating, even if the value is computed and reactive.
Note: the query string is not necessary a value from the combobox.

Am I doing something wrong?

<combobox-input @click="setIsOpen(open)"
                                @change="query = $event.target.value"
                                :displayValue="() => queryTerm"
                                @input="fetchResults" class="w-full bg-transparent border-0 focus:ring-0 text-sm text-gray-800 dark:text-gray-200 placeholder-gray-400 dark:placeholder-gray-200"
                                autocomplete="off"
                                aria-autocomplete="none"
                                placeholder="Cod AM, OE, VIN..."></combobox-input>

[szabizs]

Got it solved with the force update hack.

watch(queryTerm, (newVal) => {
    updateKey.value = updateKey.value + 1
})

                <combobox-input @click="setIsOpen(open)"
                                type="search"
                                @change="query = $event.target.value"
                                :displayValue="() => queryTerm"
                                @input="fetchResults" class="w-full bg-transparent border-0 focus:ring-0 text-sm text-gray-800 dark:text-gray-200 placeholder-gray-400 dark:placeholder-gray-200"
                                autocomplete="off"
                                aria-autocomplete="none"
                                :key="updateKey"
                                placeholder="Cod AM, OE, VIN..."></combobox-input>