如何在vuetify v-select元素中使用棱镜组域作为项目？

<template>
  <v-select
    v-model="selectedItem"
    :items="items"
    label="Select Item"
  ></v-select>
</template>

<script>
export default {
  data() {
    return {
      selectedItem: null,
      items: [
        { text: 'Item 1', value: 'item1' },
        { text: 'Item 2', value: 'item2' },
        { text: 'Item 3', value: 'item3' },
      ],
    };
  },
};
</script>

<template>
  <v-select
    v-model="selectedItem"
    :items="items"
    label="Select Item"
  >
    <template v-slot:item="{ item }">
      <v-list-item-content>
        <v-list-item-title>{{ item.text }}</v-list-item-title>
        <v-list-item-subtitle>{{ item.value }}</v-list-item-subtitle>
      </v-list-item-content>
    </template>
  </v-select>
</template>