vue3 引入element-ui

最初、vue3 で npm i element-ui --save を使って element-ui を導入したのですが、うまく導入できず、
後で調べて以下の方法を使いました。

npm install --save element-plus

これは package.json で確認できます。

"dependencies": {
    
    
    "axios": "^0.24.0",
    "element-plus": "^1.3.0-beta.1",
    "vue": "^3.0.0",
    "vue-class-component": "^8.0.0-0",
    "vue-router": "^4.0.0-0",
    "vuex": "^4.0.0-0"
  },

main.jsに導入すれば使えるようになります。

import {
    
     createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import element from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css'

createApp(App).use(store).use(router).use(element).mount('#app')