From d3b4539713e1eaae417ec1eb8b4693b3be07b403 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Mon, 3 Jun 2024 16:31:00 +0800
Subject: [PATCH] shou'ye

---
 components/i/Create.vue        |  7 ++++++
 components/i/Logo.vue          |  2 +-
 components/i/SearchHistory.vue |  2 +-
 pages/index.vue                | 39 +++++++++++++++++++++++++++++++++-
 4 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/components/i/Create.vue b/components/i/Create.vue
index 0594657..36e1726 100644
--- a/components/i/Create.vue
+++ b/components/i/Create.vue
@@ -111,6 +111,13 @@ const handleSearch = async () => {
     navigateTo(`/search/${data.value.data.c_id}`)
     emits('search')
 }
+function handleQuickSearch (title) {
+    query.value = title
+    handleSearch()
+}
+defineExpose({
+    handleQuickSearch
+})
 function handleClearRepo () {
     selectedRepo.value = ''
 }
diff --git a/components/i/Logo.vue b/components/i/Logo.vue
index 4527136..c9e0f1c 100644
--- a/components/i/Logo.vue
+++ b/components/i/Logo.vue
@@ -1,5 +1,5 @@
 <template>
     <div class="flex justify-center">
-        <NuxtLink to="/" class="font-mono text-2xl font-medium">GitBot.AI</NuxtLink>
+        <NuxtLink to="/" class="font-mono text-2xl font-medium">GitBot.<span class="text-primary">AI</span></NuxtLink>
     </div>
 </template>
\ No newline at end of file
diff --git a/components/i/SearchHistory.vue b/components/i/SearchHistory.vue
index a09594d..982b1cb 100644
--- a/components/i/SearchHistory.vue
+++ b/components/i/SearchHistory.vue
@@ -29,7 +29,7 @@
                         :to="`/search/${item.c_id}`"
                         @click="handleClickItem"
                     >
-                        <div class="flex-grow truncate">{{ item.title }}</div>
+                        <div class="flex-grow truncate" :title="item.title">{{ item.title }}</div>
                     </UButton>
                 </template>
             </div>
diff --git a/pages/index.vue b/pages/index.vue
index 40ccc2e..c703ba6 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,6 +2,43 @@
     <div class="flex flex-col items-center justify-center w-full h-full">
         <ILogo />
         <div class="mt-2">开源搜索，直达结果</div>
-        <ICreate />
+        <ICreate ref="refCreate" />
+        <div class="max-w-screen-md w-full p-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
+            <template v-for="(item, index) in recommendQuestions" :key="index">
+                <UButton
+                    class="flex justify-between"
+                    color="gray"
+                    :variant="colorMode.value === 'dark' ? 'solid' : 'soft'"
+                    size="md"
+                    :trailing-icon="item.c_id ? 'i-heroicons-chevron-right-20-solid' : 'i-heroicons-plus-20-solid'"
+                    :label="item.title"
+                    :to="item.c_id ? `/search/${item.c_id}` : ''"
+                    @click="handleSearch(item)"
+                />
+            </template>
+        </div>
     </div>
 </template>
+<script setup>
+const colorMode = useColorMode()
+const recommendQuestions = [
+    {
+        title: '如何解决 CORS 问题',
+        c_id: 'c_CawfQuhqPxGy1Ny9'
+    },
+    {
+        title: 'Tailwind CSS 响应式设计指南',
+        c_id: 'c_1iVipFddPrGXDioC'
+    },
+    {
+        title: '有哪些有效的方法可以应对 DDoS 攻击？'
+    },
+    {
+        title: '如何防止网站被爬'
+    }
+]
+const refCreate = ref(null)
+function handleSearch (item) {
+    if (!item.c_id) refCreate.value.handleQuickSearch(item.title)
+}
+</script>
\ No newline at end of file
-- 
GitLab