如何在 vuetify3 和 nuxt3 中导入自定义 svg 图标？

在 vuetify 2 中，我们可以像这样直接导入 svg 图标

import customIcon from \'./myIcon.vue\'
Vue.use(Vuetify)
export default new Vuetify({
  icons: {
    iconfont: \'mdi\',
    values: {
      myIcon: {component: customIcon}
    },
  },
})

---------------

// Used like this in vue file
$myIcon

从 veutfiy 3 文档中，我对导入自定义 svg 图标感到困惑，因为它使用的是集合而不是值。 https://next.vuetifyjs.com/en/features/icon-fonts/

// plugins/vuetify.js
import { createVuetify } from \"vuetify\";
import * as components from \"vuetify/components\";
import * as directives from \"vuetify/directives\";
import { aliases, mdi } from \"vuetify/iconsets/mdi\";
export default defineNuxtPlugin((nuxtApp) => {
  const vuetify = createVuetify({
    components,
    directives,
    icons: {
      defaultSet: \"mdi\",
      aliases,
      sets: {
        mdi,
      },
    },
  });
  nuxtApp.vueApp.use(vuetify);
});