Vue3 icons 图标无效

问题描述：

需要在账号/密码处加上icon图标，但是引用完element-plus/icons之后，还是不行，不显示icon图标。后面发现，当前版本的emement-plus的icon图标不能直接使用了

前置条件：

npm install @element-plus/icons

全局引入：

打开main.js文件添加：

// 导入所有的el-icon图标
import * as ElIconModules from '@element-plus/icons'

const app = createApp(App)
//  统一注册el-icon图标
for(let iconName in ElIconModules){
    app.component(iconName,ElIconModules[iconName])
}

单独引用：

<template>
	<el-icon><arrow-down /></el-icon>
</template>

<script>
import { ArrowDown } from '@element-plus/icons'
export default {
  components: {
	ArrowDown
  }
}
</script>