Vue 3 , typescript, vuetify не работает пре-селект для Vselect

Использую VSelect, со свойствами multiple, return-object(Vue 3 + typescript). Определяю v-model в котором у меня уже есть массив с обьектами для того чтоб были выбраны значения при загрузке VSelect.

<template>
  <v-select
    v-model="select"
    :hint="`${select.state}, ${select.abbr}`" :items="items"
    item-title="state"
    item-value="abbr"
    label="Select"
    persistent-hint
    multiple
    return-object
    single-line
  ></v-select>
</template>

<script setup lang="ts">
  const select = { state: 'Florida', abbr: 'FL' }
  const items = [
    { state: 'Florida', abbr: 'FL' },
    { state: 'Georgia', abbr: 'GA' },
    { state: 'Nebraska', abbr: 'NE' },
    { state: 'California', abbr: 'CA' },
    { state: 'New York', abbr: 'NY' },
  ]
</script>

В результате у меня нет выбраного значения которое у меня в v-model

Не могу понять почему не работает преселект. Все, что пробовал - это делал инициализацию создавая реактивные обьекты для

  const select = ref({ state: 'Florida', abbr: 'FL' })
  const items = ref([
    { state: 'Florida', abbr: 'FL' },
    { state: 'Georgia', abbr: 'GA' },
    { state: 'Nebraska', abbr: 'NE' },
    { state: 'California', abbr: 'CA' },
    { state: 'New York', abbr: 'NY' },
  ])

Но это не помогло(