Close v-autocomplete after selection programmatically vuetify 3

[samehdoush]

 <v-autocomplete v-model="model" ref="searchEl" @keyup.enter="enterForm" @click:input="(e) => e.prevent" clearable
        :menu-props="{ maxHeight: 500 }" eager :items="entries" :loading="isLoading" v-model:search="search"
        hide-no-data hide-selected item-text="title" item-value="id" :label="__t('center')"
        :placeholder="__t('start_typing_to_search')" prepend-icon="mdi-database-search">
    </v-autocomplete>
    
    const searchEl = ref(null)
const enterForm = () => {
    if (entries.value.length) {
        model.value = entries.value[0].id;
        nextTick(() => {
            searchEl.value.isMenuActive = false;
        })

    }
}
    

when press enter key select first item and close menu
any help ?