Tue Nov 5 15:39:00 CST 2024 inscode

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"
   },
   "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/App.vue

@@ -5,7 +5,7 @@ import HelloWorld from './components/HelloWorld.vue'
 
 <template>
   <header>
-    <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
+    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
 
     <div class="wrapper">
       <HelloWorld msg="You did it!" />

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(),