Update Nav.vue

components/i/Nav.vue

@@ -31,8 +31,32 @@
                 variant="link"
             />
         </div>
+        <div class="flex flex-col gap-2 border-l pl-1 ml-5">
+            <template v-for="(item, index) in searchHistory" :key="index">
+                <UButton
+                    color="gray"
+                    variant="ghost"
+                    size="xs"
+                >
+                    <div class="truncate">{{ item.title }}</div>
+                </UButton>
+            </template>
+        </div>
     </div>
 </template>
 <script setup>
-
+const searchHistory = ref([
+    {
+        title: 'Vue 的 v-model 怎么用'
+    },
+    {
+        title: '帮我写一个爬虫，爬取豆瓣热门电影top250'
+    },
+    {
+        title: 'grid 的 grid-template-columns 除了 minmax 和 repeat，还有哪些值'
+    },
+    {
+        title: 'flex 各种布局的区别'
+    }
+])
 </script>