add vue-router

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

@@ -1,25 +1,6 @@
 <script setup lang="ts">
-import Versions from './components/Versions.vue'
-
-const ipcHandle = () => window.electron.ipcRenderer.send('ping')
 </script>
 
 <template>
-  <div class="creator">Powered by electron-vite</div>
-  <div class="text">
-    Build an Electron app with
-    <span class="vue">Vue</span>
-    and
-    <span class="ts">TypeScript</span>
-  </div>
-  <p class="tip">Please try pressing <code>F12</code> to open the devTool</p>
-  <div class="actions">
-    <div class="action">
-      <a href="https://electron-vite.org/" target="_blank" rel="noreferrer">Documentation</a>
-    </div>
-    <div class="action">
-      <a target="_blank" rel="noreferrer" @click="ipcHandle">Send IPC</a>
-    </div>
-  </div>
-  <Versions />
+  <RouterView />
 </template>

packages/ui/src/renderer/src/components/Versions.vue

@@ -1,13 +0,0 @@
-<script setup lang="ts">
-import { reactive } from 'vue'
-
-const versions = reactive({ ...window.electron.process.versions })
-</script>
-
-<template>
-  <ul class="versions">
-    <li class="electron-version">Electron v{{ versions.electron }}</li>
-    <li class="chrome-version">Chromium v{{ versions.chrome }}</li>
-    <li class="node-version">Node v{{ versions.node }}</li>
-  </ul>
-</template>

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

@@ -1,4 +1,5 @@
 import { createApp } from 'vue'
 import App from './App.vue'
+import router from './router'
 
-createApp(App).mount('#app')
+createApp(App).use(router).mount('#app')

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

@@ -0,0 +1,6 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div>Hello !!!</div>
+</template>

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

@@ -0,0 +1 @@
+<template><RouterView /></template>

packages/ui/src/renderer/src/router/index.ts

@@ -0,0 +1,40 @@
+import { defineComponent, h } from 'vue'
+import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/',
+    component: defineComponent({ setup: () => h('div') }),
+    redirect: '/configuration',
+    children: []
+  },
+  {
+    path: '/configuration',
+    component: import('@renderer/page/Configuration/index.vue'),
+    redirect: '/configuration/GeekAutoStartChatWithBoss',
+    children: [
+      {
+        path: 'GeekAutoStartChatWithBoss',
+        component: import('@renderer/page/Configuration/GeekAutoStartChatWithBoss.vue'),
+        meta: {
+          title: '"geek auto start chat with boss" configuration'
+        }
+      }
+    ]
+  }
+]
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes
+})
+
+router.afterEach((to) => {
+  if (to.meta?.title) {
+    document.title = `${to.meta.title} - BossGeekGo`
+  } else {
+    document.title = `BossGeekGo`
+  }
+})
+
+export default router