change element plus import way to fix the el-form-item style issue.

packages/ui/electron.vite.config.ts

@@ -1,9 +1,6 @@
 import { resolve } from 'path'
 import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
 import vue from '@vitejs/plugin-vue'
-import AutoImport from 'unplugin-auto-import/vite'
-import Components from 'unplugin-vue-components/vite'
-import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 
 export default defineConfig({
   main: {
@@ -19,13 +16,7 @@ export default defineConfig({
       }
     },
     plugins: [
-      vue(),
-      AutoImport({
-        resolvers: [ElementPlusResolver()]
-      }),
-      Components({
-        resolvers: [ElementPlusResolver()]
-      })
+      vue()
     ]
   }
 })

packages/ui/src/renderer/src/main.ts

@@ -1,6 +1,8 @@
 import { createApp } from 'vue'
+import ElementPlus from 'element-plus'
 import App from './App.vue'
 import router from './router'
 import 'normalize.css'
+import 'element-plus/dist/index.css'
 
-createApp(App).use(router).mount('#app')
+createApp(App).use(router).use(ElementPlus).mount('#app')

packages/ui/src/renderer/src/page/Configuration/GeekAutoStartChatWithBoss.vue

@@ -33,7 +33,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import JSON5 from 'json5'
-import { ElForm } from 'element-plus';
+import { ElForm, ElMessage } from 'element-plus'
 
 const formContent = ref({
   bossZhipinCookies: '',
@@ -75,7 +75,7 @@ const handleSubmit = async () => {
 const handleSave = async () => {
   await formRef.value!.validate()
   await electron.ipcRenderer.invoke('save-config-file-from-ui', JSON.stringify(formContent.value))
-  window.alert('Configuration saved.')
+  ElMessage.success('Configuration saved.')
 }
 
 const handleExpectCompaniesInputBlur = (event) => {