Vuetify3の"v-autocomplete"で配列を表示すると[object Object]と表示されてしまう問題

概要

Vuetify3の"v-autocomplete"を使うと以下のように表示したいものが表示されず困っていました。

試したこと

調べて出てきたのがv-autocompleteにreturn-objectを追加するだったり、item-value="id" item-text="name"を追加するとありましたが、どれも解決しませんでした。

<v-autocomplete
     label="Autocomplete"
     item-value="id"
     item-text="name"
     :items="items"
     return-object
></v-autocomplete>

解決法

どうやらvuetify3ではitem-textではなくitem-titleを使うようです。
以下のようにやることで解決しました。

<v-autocomplete
     label="Autocomplete"
     :items="items"
     item-value="id"
     item-title="name"
></v-autocomplete>

注意
:items="items"をitem-valueやitem-titleの後に書いてしまうと上手くいきません。