chore: test optimize code

Author: ErKeLost

.vscode/settings.json

@@ -1,4 +1,4 @@
 {
   "editor.formatOnSave": true,
-  "cSpell.words": ["erkelost", "jridgewell", "napi", "typecheck"]
+  "cSpell.words": ["erkelost", "jridgewell", "napi", "rolldown", "typecheck"]
 }

examples/vite/package.json

@@ -9,6 +9,7 @@
     "build:debug": "cross-env DEBUG=unplugin-vue-fervid:compile vite build"
   },
   "dependencies": {
+    "element-plus": "^2.10.1",
     "vue": "^3.5.13"
   },
   "devDependencies": {

examples/vite/src/App.vue

@@ -4,6 +4,13 @@ import HelloWorld from './components/HelloWorld.vue'
 
 <template>
   <div>
+    <el-button>Default</el-button>
+    <el-button type="primary">Primary</el-button>
+    <el-button type="success">Success</el-button>
+    <el-button type="info">Info</el-button>
+    <el-button type="warning">Warning</el-button>
+    <el-button type="danger">Danger</el-button>
+    <img width="300" src="./assets/wallhaven.png" alt="wallhaven" />
     <a href="https://vite.dev" target="_blank">
       <img src="/vite.svg" class="logo" alt="Vite logo" />
     </a>
@@ -21,9 +28,11 @@ import HelloWorld from './components/HelloWorld.vue'
   will-change: filter;
   transition: filter 300ms;
 }
+
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
 }
+
 .logo.vue:hover {
   filter: drop-shadow(0 0 2em #42b883aa);
 }

examples/vite/src/assets/wallhaven.png

@@ -1,5 +1,10 @@
 import { createApp } from 'vue'
-import './style.css'
+// import './style.css'
 import App from './App.vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
 
-createApp(App).mount('#app')
+const app = createApp(App)
+
+app.use(ElementPlus)
+app.mount('#app')