add element ui

packages/ui/electron.vite.config.ts

@@ -1,12 +1,13 @@
 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: {
-    plugins: [
-      externalizeDepsPlugin({ exclude: ['@bossgeekgo/geek-auto-start-chat-with-boss'] })
-    ]
+    plugins: [externalizeDepsPlugin({ exclude: ['@bossgeekgo/geek-auto-start-chat-with-boss'] })]
   },
   preload: {
     plugins: [externalizeDepsPlugin()]
@@ -17,6 +18,14 @@ export default defineConfig({
         '@renderer': resolve('src/renderer/src')
       }
     },
-    plugins: [vue()]
+    plugins: [
+      vue(),
+      AutoImport({
+        resolvers: [ElementPlusResolver()]
+      }),
+      Components({
+        resolvers: [ElementPlusResolver()]
+      })
+    ]
   }
 })

packages/ui/package.json

@@ -24,6 +24,7 @@
     "@electron-toolkit/preload": "^3.0.0",
     "@electron-toolkit/utils": "^3.0.0",
     "electron-updater": "^6.1.7",
+    "element-plus": "^2.5.5",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
@@ -42,6 +43,8 @@
     "eslint-plugin-vue": "^9.20.1",
     "prettier": "^3.2.4",
     "typescript": "^5.3.3",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
     "vite": "^5.0.12",
     "vue": "^3.4.15",
     "vue-tsc": "^1.8.27"

packages/ui/src/renderer/auto-imports.d.ts

@@ -0,0 +1,9 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+
+}

packages/ui/src/renderer/components.d.ts

@@ -0,0 +1,14 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ElButton: typeof import('element-plus/es')['ElButton']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

packages/ui/src/renderer/src/App.vue

@@ -1,6 +1,9 @@
-<script setup lang="ts">
-</script>
-
 <template>
-  <RouterView />
+  <el-config-provider>
+    <RouterView />
+  </el-config-provider>
 </template>
+
+<script setup lang="ts">
+import { ElConfigProvider } from 'element-plus'
+</script>

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

@@ -2,5 +2,7 @@
 </script>
 
 <template>
-  <div>Hello !!!</div>
+  <div>
+    <el-button>Hello</el-button>
+  </div>
 </template>

packages/ui/tsconfig.json

@@ -1,4 +1,7 @@
 {
   "files": [],
-  "references": [{ "path": "./tsconfig.node.json" }, { "path": "./tsconfig.web.json" }]
+  "references": [{ "path": "./tsconfig.node.json" }, { "path": "./tsconfig.web.json" }],
+  "compilerOptions": {
+    "types": ["element-plus/global"]
+  },
 }