Vue3 antdv 如何动态渲染 icons-vue 图标（a-icon 不支持了）

// 初始化相关
import { createApp } from 'vue'
import { nextTick } from "@vue/runtime-core"
// Antd
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
import * as Icons from '@ant-design/icons-vue'
// 创建对象
const app = createApp(App)
// 使用并挂载
app.use(store).use(router).use(Antd).mount('#app')
// 必须使用 nextTick，不然会有加载顺序问题，导致绑定失败
nextTick(() => {
  // 配置全局对象
  app.config.globalProperties.$icons = Icons
  // Antd 注入全部图标（这样注入之后，就可以全局直接使用 icon 组件，不需要每个页面去引入了）
  for (const key in Icons) { app.component(key, Icons[key]) }
})

<!-- 动态使用（key 就是官方中拷贝的 icon 大驼峰写法，比如下面） -->
<component :is="$icons['BugOutlined']" />
<!-- 组件方式使用 -->
<bug-outlined />