diff --git a/package.json b/package.json
index 6762d1f..3139ecc 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "unplugin-auto-import": "^0.18.2",
     "unplugin-vue-components": "^0.27.3",
     "vfonts": "^0.0.3",
-    "vite": "^5.3.4",
+    "vite": "5.4.6",
     "vue-loader": "^17.4.2",
     "vue-template-compiler": "^2.7.16",
     "vue-tsc": "^2.0.24"
diff --git a/preview/views/MainView.vue b/preview/views/MainView.vue
index 46adb01..65f08f7 100644
--- a/preview/views/MainView.vue
+++ b/preview/views/MainView.vue
@@ -5,6 +5,8 @@
       <div class="web">pc</div>
       <div class="btn">
         <a-button type="primary" @click="view">确定</a-button>
+        <ElButton type="primary">btn</ElButton>
+
       </div>
     </div>
     <div class="content">
@@ -51,6 +53,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import { ElButton } from 'element-plus'
 import {DraggableEvent, VueDraggable} from "vue-draggable-plus";
 import {onMounted, ref, watch} from 'vue';
 import {uuid} from 'lsp-uuid';
diff --git a/vite.config.ts b/vite.config.ts
index 7877a7b..1f35401 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,6 +9,7 @@ import {vitePluginForArco} from '@arco-plugins/vite-vue'
 import * as path from "node:path";
 import {visualizer} from "rollup-plugin-visualizer";
 
+
 // https://vitejs.dev/config/
 export default defineConfig({
     plugins: [
@@ -45,7 +46,7 @@ export default defineConfig({
         vue(),
         vitePluginForArco({
             style: 'css'
-        })
+        }),
         // vueDevTools()
     ],
     resolve: {