I have created an example usage of v-autocomplete vuetify component.
When I input “t” in the search form it properly shows 1 item, but when I input “e” after that I get “no data available” box, what am I doing wrong?

Link to playground

<template>
  <v-app>
    <v-container>
      <v-autocomplete
        label="Label"
        @update:search="search"
        :items="items"
        variant="solo-filled"
        return-object
      >
        <template v-slot:selection="{item}"> {{ item.raw.name }} </template>
        <template v-slot:item="{props,item}">
          <v-list-item v-bind="props" :title="item.raw.name"></v-list-item>
        </template>
      </v-autocomplete>
      <pre>{{items}}</pre>
      <v-btn @click="clear">Clear</v-btn>
    </v-container>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'

  // item -> {name: "test"}
  const i = ref(0)
  const items = ref([])

  const search = () => {
    items.value.push({ name: 'test ' + i.value++ })
  }

  const clear = () => {
    items.value = []
  }
</script>