diff --git a/pages/index.vue b/pages/index.vue
index e9a0bdf895e6c0728b69ee9eb5905cce7d832529..0697edda957ce4adbad708f55bab14f3c8ec68c4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -5,37 +5,26 @@
                 autoresize
                 placeholder="输入搜索内容..."
             />
-            <UDropdown
-                :items="repos"
-                :popper="{ placement: 'bottom-start' }"
-            >
-                <UButton
-                    color="white"
-                    :label="selectedRepo ? selectedRepo : '选择 GitHub 项目'"
-                    trailing-icon="i-heroicons-chevron-down-20-solid"
+            <div class="flex justify-between">
+                <USelectMenu
+                    class="min-w-40"
+                    v-model="selectedRepo"
+                    :options="repos"
+                    placeholder="选择 GitHub 项目"
+                    searchable
                 />
-                <template #repo="{ item }">
-                    <div @click="handleSelectRepo(item.label)">{{ item.label }}</div>
-                </template>
-            </UDropdown>
+                <UButton
+                    trailing-icon="i-heroicons-chevron-right-20-solid"
+                    @click="handleSearch"
+                >搜索</UButton>
+            </div>
         </div>
     </div>
 </template>
 <script setup>
-const repos = [
-    [
-        {
-            label: 'keycloak',
-            slot: 'repo'
-        },
-        {
-            label: 'ViewUIPlus',
-            slot: 'repo'
-        }
-    ]
-]
+const repos = ['keycloak', 'ViewUIPlus']
 const selectedRepo = ref(null)
-const handleSelectRepo = (repo) => {
-    selectedRepo.value = repo;
+const handleSearch = () => {
+    
 }
 </script>