feat: 添加发现设备页面

src/renderer/layouts/DefaultLayout.vue

@@ -31,6 +31,10 @@
           <el-icon><ChatDotRound /></el-icon>
           <template #title>OpenCode 对话</template>
         </el-menu-item>
+        <el-menu-item index="/bonjour">
+          <el-icon><Search /></el-icon>
+          <template #title>发现设备</template>
+        </el-menu-item>
       </el-menu>
 
       <!-- 折叠按钮 -->
@@ -47,7 +51,9 @@
     <!-- 主内容区 -->
     <div class="flex flex-col flex-1 overflow-hidden">
       <!-- 顶部栏 -->
-      <header class="flex items-center justify-between h-14 px-6 bg-white border-b border-gray-200 shrink-0">
+      <header
+        class="flex items-center justify-between h-14 px-6 bg-white border-b border-gray-200 shrink-0"
+      >
         <h1 class="text-base font-medium text-gray-700">{{ currentTitle }}</h1>
         <div class="flex items-center gap-2">
           <el-avatar :size="32" class="bg-blue-500">U</el-avatar>
@@ -68,7 +74,7 @@
 import { computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useAppStore } from '@/stores/app';
-import { House, Monitor, Expand, Fold, Edit, ChatDotRound } from '@element-plus/icons-vue';
+import { House, Monitor, Expand, Fold, Edit, ChatDotRound, Search } from '@element-plus/icons-vue';
 
 const route = useRoute();
 const appStore = useAppStore();

src/renderer/router/index.js

@@ -17,6 +17,12 @@ const routes = [
         component: () => import('@/views/chat/ChatView.vue'),
         meta: { title: 'OpenCode 对话' },
       },
+      {
+        path: '/bonjour',
+        name: 'Bonjour',
+        component: () => import('@/views/bonjour/BonjourView.vue'),
+        meta: { title: '发现设备' },
+      },
     ],
   },
 ];