Auto Commit

package.json

 {
   "name": "vuejs-with-vite",
   "version": "0.0.0",
+  "private": true,
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview --port 4173"
+    "preview": "vite preview"
   },
   "dependencies": {
-    "element-plus": "^2.7.0",
-    "guess": "^1.0.2",
-    "pinia": "^2.1.7",
-    "vue": "^3.2.37",
-    "vue-router": "^4.3.0"
+    "@element-plus/icons-vue": "^2.3.1",
+    "element-plus": "^2.8.7",
+    "pinia": "^2.2.4",
+    "vue": "^3.5.12",
+    "vue-router": "^4.4.5"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^3.0.1",
-    "vite": "^5.0.1"
+    "@vitejs/plugin-vue": "^5.1.4",
+    "less": "^4.2.0",
+    "vite": "^5.4.10"
   }
 }

src/main.js

@@ -4,12 +4,17 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import 'element-plus/dist/index.css'
 import ElementPlus from 'element-plus'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 
 import App from './App.vue'
+
 import router from './router'
 
 const app = createApp(App)
 
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+  app.component(key, component)
+}
 app.use(createPinia()).use(ElementPlus)
 app.use(router)
 

vite.config.js

-// import { defineConfig } from 'vite'
-// import vue from '@vitejs/plugin-vue'
-
-// // https://vitejs.dev/config/
-// export default defineConfig({
-//   server: {
-//     host: true
-//   },
-//   plugins: [vue()]
-// })
-
-
 import { fileURLToPath, URL } from 'node:url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
-// https://vitejs.dev/config/
+// https://vite.dev/config/
 export default defineConfig({
   plugins: [
     vue(),