element-plus图标全局注册和分页英文显示问题

最近使用element-plus的UI框架，发现图标引入需要组件的形式和分页是英文显示 ，解决如下：

// 在main.ts中引入element-plus
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import Icon from '../plugins/icon'; // 这个是建的文件夹 代码如下

const app = createApp(App);
app.use(ElementPlus, {
  size: 'large', // 修改全局组件的大小
  locale: zhCn // 解决分页英文问题
});

// plugins/icon文件夹
import { App } from 'vue';
import { Edit, Plus, Delete, Search } from '@element-plus/icons-vue';

export default {
  install(app: App) {
    app.component('Edit', Edit);
    app.component('Plus', Plus);
    app.component('Delete', Delete);
    app.component('Search', Search);
  }
};
// 用到什么图标在这里全局注册就可以啦，不用每个页面都引入的