From e9cc44b3059f62e3fa740c54c23f452f888849aa Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Thu, 16 May 2024 15:06:20 +0800
Subject: [PATCH] p

---
 components/md/renderer.vue |   2 +-
 pages/search/[id].vue      | 116 ++++++++++++++++++-------------------
 2 files changed, 59 insertions(+), 59 deletions(-)

diff --git a/components/md/renderer.vue b/components/md/renderer.vue
index 844859f..a1bebde 100644
--- a/components/md/renderer.vue
+++ b/components/md/renderer.vue
@@ -1,5 +1,5 @@
 <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'
diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index ea91ce3..8d10996 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -1,6 +1,6 @@
 <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 = [
     {
-- 
GitLab