如何生成图标名称数组以用作Vuetify v-autocomplete语句中的选项？

import { VAutocomplete } from 'vuetify/lib';
import 'vuetify/dist/vuetify.min.css';
import '@mdi/font/css/materialdesignicons.css';

const iconNames = [];

VAutocomplete.options.computed.$options.propsData = { ...VAutocomplete.options.computed.$options.propsData, openOnFocus: true };
const autocomplete = new VAutocomplete();
autocomplete.$vuetify = { icons: { list: () => iconNames } };
autocomplete.updateIconLists();
autocomplete.getTextColor();

iconNames.push(...autocomplete.$props.items);

<v-autocomplete v-model="selectedIcon" :items="iconNames" label="Select an icon"></v-autocomplete>