diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index 4d7a54c787bddd2bbd8e72394a5d6f9e6332788e..b581ed697c54acc8a18cdbefc137aa754f1ee3b8 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -2,15 +2,13 @@
     <div class="w-full items-center flex flex-col">
         <iSearchHeader :query="state.query" @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">
-            <template v-if="askingData.question">
-                <div class="grid">
-                    <h1 class="text-3xl">{{ state.query }}</h1>
-                </div>
-                <section class="flex items-center gap-2">
-                    <UIcon name="i-simple-icons-github" />
-                    {{ state.repo }}
-                </section>
-            </template>
+            <div class="grid">
+                <h1 class="text-3xl">{{ state.query }}</h1>
+            </div>
+            <section class="flex items-center gap-2">
+                <UIcon name="i-simple-icons-github" />
+                {{ state.repo }}
+            </section>
             <template v-for="(item, index) in data" :key="index">
                 <div class="grid" v-if="index !== 0">
                     <h2 class="text-3xl" :id="index + 1">{{ item.question }}</h2>
@@ -28,7 +26,6 @@
                 <h2 class="text-3xl" :id="data.length + 1">{{ askingData.question }}</h2>
             </div>
             <ISearchContent
-                v-if="askingData.question"
                 :item="askingData"
                 :asking="asking"
                 ref="askingRef"
@@ -276,12 +273,9 @@ async function init () {
     initSearchRecords(records)
 }
 await init()
-nextTick( () => {
+onMounted( () => {
     if (data.value.length === 0 && state.query) {
         generateFetchData(state.query)
-    } else {
-        asking.value = false
-        askingData.value = {} 
     }
 })