repo放Header

components/i/search/Header.vue

 <template>
     <header class="sticky top-0 z-10 bg-white dark:bg-black w-full flex flex-col">
         <div class="w-full p-2 justify-end sm:justify-between items-center flex">
+            <div class="hidden md:flex">
+                <div class="flex items-center gap-2" v-if="repo">
+                    <UIcon name="i-simple-icons-github" />{{ repo }}
+                </div>
+            </div>
             <div class="flex-grow justify-center items-center space-x-2 hidden sm:flex">
                 <UTooltip text="点击修改标题" v-if="!isEditTitle">
                     <div @click="handleFocusTitle">{{ editTitle }}</div>
@@ -79,7 +84,6 @@
         </div>
         <UDivider />
     </header>
-
 </template>
 <script setup>
 const toast = useToast()
@@ -93,6 +97,10 @@ const props = defineProps({
     isPublic: {
         type: Boolean,
         default: false
+    },
+    repo: {
+        type: String,
+        default: ''
     }
 })
 const state = reactive({

pages/search/[id].vue

@@ -2,7 +2,13 @@
     <div class="w-full items-center flex flex-col">
         <IException v-if="historyStatus !== 200" :code="historyStatus" />
         <template v-else>
-            <iSearchHeader ref="refHeader" :query="state.title" :is-public="state.isPublic" @update-query="handleUpdateQuery" />
+            <iSearchHeader
+                ref="refHeader"
+                :query="state.title"
+                :is-public="state.isPublic"
+                :repo="state.repo"
+                @update-query="handleUpdateQuery"
+            />
             <div class="container min-h-svh max-w-screen-lg flex flex-col space-y-6 p-6 mb-6 pb-0" id="scrollElement">
                 <!-- <div class="grid">
                     <ISearchTitle as="h1" :title="state.query" />