fix: 修改体验

pages/search/[id].vue

@@ -29,7 +29,7 @@
                 {{ state.repo }}
             </section>
 
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-2" v-if="initLoading">
                 <USkeleton class="h-4" />
                 <USkeleton class="h-4" />
                 <USkeleton class="h-4 w-2/3" />
@@ -54,9 +54,9 @@
                                 />
                             </div>
                         </template>
-                        <template #item="{ item }">
+                        <template #item>
                             <div class="text-base">改写问题</div>
-                            <MdRenderer class="prose prose-sm" :content="item.description" />
+                            <MdRenderer :content="item.description" />
                         </template>
                     </UAccordion>
                 </UCard>
@@ -80,7 +80,7 @@
                         <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">{{ source.repo }}</span>
+                                    <span class="truncate"><UIcon class="mr-1" name="i-simple-icons-github" />{{ source.repo }}</span>
                                     <span class="text-gray-200">{{ sourceIndex + 1 }}</span>
                                 </div>
                                 <div class="text-blue-500 truncate">{{ source.label }}</div>
@@ -144,6 +144,7 @@ const toast = useToast()
 const route = useRoute()
 const { fetchRequest } = useFetchRequest()
 const repos = getMockRepo();
+const initLoading = ref(true);
 // todo mock
 const repoItem = repos.find(item => route.query.repo === item.label);
 const state = reactive({
@@ -249,7 +250,11 @@ const handleUpdateSource = () => {
     })
     Object.assign(data.value[index], { source: storeSource });
 }
+const handleHideInitLoading = () => {
+    initLoading.value = false;
+}
 const handleMessage = (event) => {
+    if (initLoading.value) handleHideInitLoading();
     if (event.data === markedEnd) {
         asking.value = false;
         handleUpdateSource();