[Vuetify] VSelect with empty selection text when no matching item

v-select.vue

<template>
  <v-select
    :items="items"
    :model-value="isValid ? modelValue : null"
    :item-value="itemValue"
    v-bind="$attrs"
  >
    <template #[name]="vars" v-for="_, name in $slots">
      <slot :name="name" v-bind="vars" />
    </template>
  </v-select>
</template>

<script setup lang="ts">
  import {computed} from "vue"
  interface Props {
    items: any,
    modelValue: any,
    itemValue?: string
  }
  const props = withDefaults(defineProps<Props>(), {
    itemValue: "value",
    fallbackTitle: ""
  })
  const values = computed(() => {
    return new Set(props.items.map((item) => {
      if (typeof item === "object") {
        return item[props.itemValue]
      }
      else {
        return item
      }
    }))
  })
  const isValid = computed(() => {
    if (Array.isArray(props.modelValue)) {
      return true;
    }
    return values.value.has(props.modelValue)
  })
</script>