如何在每个VuetifyJS组合框条目前面添加一个图标？

<template>
  <v-combobox
    v-model="selectedItem"
    :items="items"
    item-text="name"
    item-value="id"
  >
    <template v-slot:item="{ item }">
      <v-list-item-icon>
        <v-icon>{{ item.icon }}</v-icon>
      </v-list-item-icon>
      <v-list-item-content>
        {{ item.name }}
      </v-list-item-content>
    </template>
  </v-combobox>
</template>

<script>
export default {
  data() {
    return {
      selectedItem: null,
      items: [
        { id: 1, name: 'Item 1', icon: 'mdi-check' },
        { id: 2, name: 'Item 2', icon: 'mdi-close' },
        { id: 3, name: 'Item 3', icon: 'mdi-alert' },
      ],
    };
  },
};
</script>