p

components/md/renderer.vue

 <template>
-    <article class="prose" v-html="mdHtml"></article>
+    <article class="prose max-w-none" v-html="mdHtml"></article>
 </template>
 <script setup>
 import MarkdownIt from 'markdown-it'

pages/search/[id].vue

 <template>
     <div class="w-full items-center flex flex-col">
-        <div class="sticky top-0 z-10 bg-white dark:bg-black w-full flex flex-col">
+        <header class="sticky top-0 z-10 bg-white dark:bg-black w-full flex flex-col">
             <div class="w-full p-2 justify-between items-center flex">
                 <div class="flex-grow justify-center items-center flex space-x-2">
                     <UTooltip text="点击修改标题" v-if="!isEditTitle">
@@ -21,7 +21,7 @@
                 </div>
             </div>
             <UDivider />
-        </div>
+        </header>
         <div class="container max-w-screen-lg flex flex-col space-y-4 mb-4 p-6">
             <h1 class="text-3xl truncate">{{ state.query }}</h1>
             <section>{{ state.repo }}</section>
@@ -172,62 +172,62 @@ const stepColor = (step) => {
 
 const data = ref([])
 
-// data.value = [
-//     {
-//         step: 4,
-//         question: 'Select组件怎样远程搜索',
-//         article: 'ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：',
-//         source: [
-//             {
-//                 repo: 'ViewDesign/ViewUIPlus',
-//                 label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
-//                 link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
-//             },
-//             {
-//                 repo: 'ViewDesign/ViewUIPlus',
-//                 label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
-//                 link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
-//             },
-//             {
-//                 repo: 'ViewDesign/ViewUIPlus',
-//                 label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
-//                 link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
-//             },
-//             {
-//                 repo: 'ViewDesign/ViewUIPlus',
-//                 label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
-//                 link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
-//             }
-//         ]
-//     },
-//     {
-//         step: 1,
-//         question: 'Select组件怎样远程搜索',
-//         article: 'ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：',
-//         source: [
-//             {
-//                 repo: 'ViewDesign/ViewUIPlus',
-//                 label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
-//                 link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
-//             },
-//             {
-//                 repo: 'ViewDesign/ViewUIPlus',
-//                 label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
-//                 link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
-//             },
-//             {
-//                 repo: 'ViewDesign/ViewUIPlus',
-//                 label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
-//                 link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
-//             },
-//             {
-//                 repo: 'ViewDesign/ViewUIPlus',
-//                 label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
-//                 link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
-//             }
-//         ]
-//     }
-// ]
+data.value = [
+    {
+        step: 4,
+        question: 'Select组件怎样远程搜索',
+        article: 'ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：',
+        source: [
+            {
+                repo: 'ViewDesign/ViewUIPlus',
+                label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
+                link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
+            },
+            {
+                repo: 'ViewDesign/ViewUIPlus',
+                label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
+                link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
+            },
+            {
+                repo: 'ViewDesign/ViewUIPlus',
+                label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
+                link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
+            },
+            {
+                repo: 'ViewDesign/ViewUIPlus',
+                label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
+                link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
+            }
+        ]
+    },
+    {
+        step: 1,
+        question: 'Select组件怎样远程搜索',
+        article: 'ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：',
+        source: [
+            {
+                repo: 'ViewDesign/ViewUIPlus',
+                label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
+                link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
+            },
+            {
+                repo: 'ViewDesign/ViewUIPlus',
+                label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
+                link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
+            },
+            {
+                repo: 'ViewDesign/ViewUIPlus',
+                label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
+                link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
+            },
+            {
+                repo: 'ViewDesign/ViewUIPlus',
+                label: 'view-design/ViewUIPlus/tree/master/src/select/index.vue',
+                link: 'http://github.com/view-design/ViewUIPlus/tree/master/src/select/index.vue'
+            }
+        ]
+    }
+]
 
 const recommendQuestions = [
     {