Update [id].vue

pages/search/[id].vue

 <template>
     <div class="flex h-full justify-center max-w-full">
-        <div class="max-w-screen-sm w-full flex flex-col space-y-4">
+        <div class="max-w-screen-lg w-full flex flex-col space-y-4">
             <h1 class="whitespace-pre-line break-words [word-break:break-word] default font-display text-3xl font-regular text-textMain dark:text-textMainDark selection:bg-super/50 selection:text-textMain dark:selection:bg-superDuper/10 dark:selection:text-superDark"
             >{{ state.query }}</h1>
             <section>{{ state.repo }}</section>
@@ -41,10 +41,24 @@
                 <UIcon name="i-heroicons-link-20-solid" />
                 <span>来源...</span>
             </div>
+            <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
+                <a v-for="(item, index) in 4" href="http://github.com/view-design/ViewUIPlus">
+                    <UCard :ui="{ body: { padding: 'sm:p-3 p-3' } }">
+                        <div class="flex flex-col space-y-1">
+                            <div class="justify-between flex space-x-1">
+                                <span class="truncate">ViewDesign/ViewUIPlus</span>
+                                <span class="text-gray-200">{{ index + 1 }}</span>
+                            </div>
+                            <div class="text-blue-500 truncate">view-design/ViewUIPlus/tree/master/src/select/index.vue</div>
+                        </div>
+                    </UCard>
+                </a>
+            </div>
             <div class="text-xl flex items-center space-x-1">
                 <UIcon name="i-heroicons-rectangle-group-20-solid" />
                 <span>相关问题...</span>
             </div>
+
         </div>
     </div>
 </template>