From 257d409b66a2b8ade00406382340333fd40d514a Mon Sep 17 00:00:00 2001
From: XLor <yjl9903@vip.qq.com>
Date: Thu, 22 Feb 2024 15:21:00 +0800
Subject: [PATCH 01/10] feat: add tabs

---
 components/SearchResult.vue | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/components/SearchResult.vue b/components/SearchResult.vue
index f5476e4..4ac59a3 100644
--- a/components/SearchResult.vue
+++ b/components/SearchResult.vue
@@ -3,20 +3,28 @@ import type { Detail } from 'get-bonus';
 
 const props = defineProps<{ details: Record<string, Detail[]> }>();
 
-const detailEntries = computed(() => {
-  return Object.entries(props.details).filter((d) => d[1].length > 0);
-});
+const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Comic Zin`, `漫画王`];
 </script>
 
 <template>
-  <Accordion type="multiple" :default-value="detailEntries.map((d) => d[0])">
-    <AccordionItem v-for="[id, results] in detailEntries" :key="id" :value="id">
-      <AccordionTrigger>{{ id }}</AccordionTrigger>
-      <AccordionContent>
-        <ul class="grid gap-4">
-          <ResultItem v-for="result in results" :key="result.url" :data="result" />
-        </ul>
-      </AccordionContent>
-    </AccordionItem>
-  </Accordion>
+  <Tabs
+    type="multiple"
+    :default-value="platforms.find((id) => details[id] && details[id].length > 0)"
+  >
+    <TabsList>
+      <TabsTrigger v-for="id in platforms" :key="id" :value="id">{{ id }}</TabsTrigger>
+    </TabsList>
+    <TabsContent v-for="id in platforms" :key="id" :value="id">
+      <ul v-if="details[id] && details[id].length > 0" class="grid gap-4">
+        <ResultItem v-for="result in details[id]" :key="result.url" :data="result" />
+      </ul>
+      <div v-else>
+        <Card>
+          <CardContent class="p-6">
+            <p>未找到结果</p>
+          </CardContent>
+        </Card>
+      </div>
+    </TabsContent>
+  </Tabs>
 </template>

From 08834b0203b0a54e32ed12ea3b63852aaca1e553 Mon Sep 17 00:00:00 2001
From: XLor <yjl9903@vip.qq.com>
Date: Thu, 22 Feb 2024 15:41:48 +0800
Subject: [PATCH 02/10] fix: not margin top

---
 components/ResultItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/ResultItem.vue b/components/ResultItem.vue
index 2d78a95..b47da56 100644
--- a/components/ResultItem.vue
+++ b/components/ResultItem.vue
@@ -24,7 +24,7 @@ async function copyUrl() {
       <nuxt-link class="font-bold text-5 hover:color-blue" :to="data.url" target="_blank">
         <span>{{ data.title }}</span>
       </nuxt-link>
-      <Button @click="copyUrl" variant="secondary" size="sm" margin-left="3px" class="ml-3 mt-3">
+      <Button @click="copyUrl" variant="secondary" size="sm" margin-left="3px" class="ml-3">
         <Copy class="w-4 h-4 mr-2"></Copy>复制商家链接
       </Button>
     </span>

From de778ef94ef354bfc74f45ab424a2edae09dc7ca Mon Sep 17 00:00:00 2001
From: XLor <yjl9903@vip.qq.com>
Date: Thu, 22 Feb 2024 15:56:28 +0800
Subject: [PATCH 03/10] chore: some styles

---
 components/ResultItem.vue   | 12 ++++++------
 components/SearchResult.vue |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/ResultItem.vue b/components/ResultItem.vue
index b47da56..4dccc57 100644
--- a/components/ResultItem.vue
+++ b/components/ResultItem.vue
@@ -35,13 +35,13 @@ async function copyUrl() {
           {{ data.provider }}
         </Badge>
       </a>
-      <Badge v-if="data.date" variant="outline"
-        ><Calendar class="w-3 h-3 mr-2"></Calendar>
-        <span class="select-none mr-1">发售日:</span><span>{{ data.date }}</span>
+      <Badge v-if="data.date" variant="outline" class="whitespace-nowrap"
+        ><Calendar class="w-3 h-3 mr-2"></Calendar><span class="select-none mr-1">发售日:</span
+        ><span>{{ data.date }}</span>
       </Badge>
-      <Badge v-if="data.price" variant="outline"
-        ><BadgeJapaneseYen class="w-3 h-3 mr-2"></BadgeJapaneseYen>
-        <span>{{ data.price }}</span><span class="select-none ml-1">円</span>
+      <Badge v-if="data.price" variant="outline" class="whitespace-nowrap"
+        ><BadgeJapaneseYen class="w-3 h-3 mr-2"></BadgeJapaneseYen> <span>{{ data.price }}</span
+        ><span class="select-none ml-1">円</span>
       </Badge>
     </span>
     <ul>
diff --git a/components/SearchResult.vue b/components/SearchResult.vue
index 4ac59a3..7d85cb1 100644
--- a/components/SearchResult.vue
+++ b/components/SearchResult.vue
@@ -15,7 +15,7 @@ const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Comic Zin`, `漫画王`];
       <TabsTrigger v-for="id in platforms" :key="id" :value="id">{{ id }}</TabsTrigger>
     </TabsList>
     <TabsContent v-for="id in platforms" :key="id" :value="id">
-      <ul v-if="details[id] && details[id].length > 0" class="grid gap-4">
+      <ul v-if="details[id] && details[id].length > 0" class="grid gap-4 w-full">
         <ResultItem v-for="result in details[id]" :key="result.url" :data="result" />
       </ul>
       <div v-else>

From d14c21f566610d4e58c91ac634c36464a7f42c05 Mon Sep 17 00:00:00 2001
From: XLor <yjl9903@vip.qq.com>
Date: Thu, 22 Feb 2024 16:25:38 +0800
Subject: [PATCH 04/10] feat: add scroll area

---
 components/ui/scroll-area/ScrollArea.vue | 29 +++++++++++++++++++++++
 components/ui/scroll-area/ScrollBar.vue  | 30 ++++++++++++++++++++++++
 components/ui/scroll-area/index.ts       |  2 ++
 3 files changed, 61 insertions(+)
 create mode 100644 components/ui/scroll-area/ScrollArea.vue
 create mode 100644 components/ui/scroll-area/ScrollBar.vue
 create mode 100644 components/ui/scroll-area/index.ts

diff --git a/components/ui/scroll-area/ScrollArea.vue b/components/ui/scroll-area/ScrollArea.vue
new file mode 100644
index 0000000..8243c54
--- /dev/null
+++ b/components/ui/scroll-area/ScrollArea.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { type HTMLAttributes, computed } from 'vue';
+import {
+  ScrollAreaCorner,
+  ScrollAreaRoot,
+  type ScrollAreaRootProps,
+  ScrollAreaViewport
+} from 'radix-vue';
+import ScrollBar from './ScrollBar.vue';
+import { cn } from '@/lib/utils';
+
+const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes['class'] }>();
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props;
+
+  return delegated;
+});
+</script>
+
+<template>
+  <ScrollAreaRoot v-bind="delegatedProps" :class="cn('relative overflow-hidden', props.class)">
+    <ScrollAreaViewport class="h-full w-full rounded-[inherit]">
+      <slot />
+    </ScrollAreaViewport>
+    <ScrollBar orientation="horizontal" />
+    <ScrollAreaCorner />
+  </ScrollAreaRoot>
+</template>
diff --git a/components/ui/scroll-area/ScrollBar.vue b/components/ui/scroll-area/ScrollBar.vue
new file mode 100644
index 0000000..efaaee2
--- /dev/null
+++ b/components/ui/scroll-area/ScrollBar.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { type HTMLAttributes, computed } from 'vue'
+import { ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes['class'] }>(), {
+  orientation: 'vertical',
+})
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+</script>
+
+<template>
+  <ScrollAreaScrollbar
+    v-bind="delegatedProps"
+    :class="
+      cn('flex touch-none select-none transition-colors',
+         orientation === 'vertical'
+           && 'h-full w-2.5 border-l border-l-transparent p-px',
+         orientation === 'horizontal'
+           && 'h-2.5 flex-col border-t border-t-transparent p-px',
+         props.class)"
+  >
+    <ScrollAreaThumb class="relative flex-1 rounded-full bg-border" />
+  </ScrollAreaScrollbar>
+</template>
diff --git a/components/ui/scroll-area/index.ts b/components/ui/scroll-area/index.ts
new file mode 100644
index 0000000..2bd4fae
--- /dev/null
+++ b/components/ui/scroll-area/index.ts
@@ -0,0 +1,2 @@
+export { default as ScrollArea } from './ScrollArea.vue'
+export { default as ScrollBar } from './ScrollBar.vue'

From 1e32d798f584063b44b841d5c7739d329528fda1 Mon Sep 17 00:00:00 2001
From: arcHarico <harico@yurier.net>
Date: Fri, 23 Feb 2024 12:09:00 +0800
Subject: [PATCH 05/10] fix: add missing platform

---
 components/SearchResult.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/SearchResult.vue b/components/SearchResult.vue
index 7d85cb1..b0e45b0 100644
--- a/components/SearchResult.vue
+++ b/components/SearchResult.vue
@@ -3,7 +3,7 @@ import type { Detail } from 'get-bonus';
 
 const props = defineProps<{ details: Record<string, Detail[]> }>();
 
-const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Comic Zin`, `漫画王`];
+const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Gamers`, `Comic Zin`, `漫画王`];
 </script>
 
 <template>

From e02752beb5555c0a15fe5e869159497073e0986c Mon Sep 17 00:00:00 2001
From: arcHarico <harico@yurier.net>
Date: Fri, 23 Feb 2024 12:25:28 +0800
Subject: [PATCH 06/10] feat: add count number on tab and do optimization on
 zero result notice

---
 components/SearchResult.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/SearchResult.vue b/components/SearchResult.vue
index b0e45b0..944dc85 100644
--- a/components/SearchResult.vue
+++ b/components/SearchResult.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { Detail } from 'get-bonus';
+import { AlertCircle } from 'lucide-vue-next';
 
 const props = defineProps<{ details: Record<string, Detail[]> }>();
 
@@ -12,7 +13,11 @@ const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Gamers`, `Comic Zin`, `
     :default-value="platforms.find((id) => details[id] && details[id].length > 0)"
   >
     <TabsList>
-      <TabsTrigger v-for="id in platforms" :key="id" :value="id">{{ id }}</TabsTrigger>
+      <TabsTrigger v-for="id in platforms" :key="id" :value="id">
+        {{ id }} 
+        <Badge v-if="details[id] && details[id].length > 0" component="span" variant="outline" class="select-none ml-1">{{ details[id].length }}</Badge>
+        <AlertCircle v-else class="w-4 h-4 ml-1"></AlertCircle>
+      </TabsTrigger>
     </TabsList>
     <TabsContent v-for="id in platforms" :key="id" :value="id">
       <ul v-if="details[id] && details[id].length > 0" class="grid gap-4 w-full">
@@ -21,7 +26,7 @@ const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Gamers`, `Comic Zin`, `
       <div v-else>
         <Card>
           <CardContent class="p-6">
-            <p>未找到结果</p>
+            <p>在此商家未找到结果。试试再次搜索？</p>
           </CardContent>
         </Card>
       </div>

From 6626456afe25316dbbd37c2d4a5fadebdacdd0f9 Mon Sep 17 00:00:00 2001
From: arcHarico <harico@yurier.net>
Date: Fri, 23 Feb 2024 12:57:35 +0800
Subject: [PATCH 07/10] feat: remove count badge and replace with search ok
 icon

---
 components/SearchResult.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/SearchResult.vue b/components/SearchResult.vue
index 944dc85..f838e3d 100644
--- a/components/SearchResult.vue
+++ b/components/SearchResult.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Detail } from 'get-bonus';
-import { AlertCircle } from 'lucide-vue-next';
+import { AlertCircle, SearchCheck } from 'lucide-vue-next';
 
 const props = defineProps<{ details: Record<string, Detail[]> }>();
 
@@ -15,7 +15,7 @@ const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Gamers`, `Comic Zin`, `
     <TabsList>
       <TabsTrigger v-for="id in platforms" :key="id" :value="id">
         {{ id }} 
-        <Badge v-if="details[id] && details[id].length > 0" component="span" variant="outline" class="select-none ml-1">{{ details[id].length }}</Badge>
+        <SearchCheck v-if="details[id] && details[id].length > 0" class="w-4 h-4 ml-1"></SearchCheck>
         <AlertCircle v-else class="w-4 h-4 ml-1"></AlertCircle>
       </TabsTrigger>
     </TabsList>

From 5698b19f417d4befe8aaa8a0c9e1e65ed9fd9e50 Mon Sep 17 00:00:00 2001
From: arcHarico <harico@yurier.net>
Date: Fri, 23 Feb 2024 21:31:44 +0800
Subject: [PATCH 08/10] =?UTF-8?q?feat:=20add=20search=20status=20intro,=20?=
 =?UTF-8?q?add=20intro=20for=20no=20item=20span,=20change=20=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E8=AE=BE=E7=BD=AE=20to=20=E6=90=9C=E7=B4=A2=E6=9D=A1?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SearchResult.vue | 44 +++++++++++++++++++++++++++++++++++--
 1 file changed, 42 insertions(+), 2 deletions(-)

diff --git a/components/SearchResult.vue b/components/SearchResult.vue
index f838e3d..ebc29cb 100644
--- a/components/SearchResult.vue
+++ b/components/SearchResult.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Detail } from 'get-bonus';
-import { AlertCircle, SearchCheck } from 'lucide-vue-next';
+import { AlertCircle, SearchCheck, RotateCw } from 'lucide-vue-next';
 
 const props = defineProps<{ details: Record<string, Detail[]> }>();
 
@@ -8,6 +8,15 @@ const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Gamers`, `Comic Zin`, `
 </script>
 
 <template>
+  <div class="p-2.5 b-1 rounded-2">
+    店铺名称旁有
+    <button variant="ghost" class="selecct-none"><SearchCheck class="w-3.5 h-3.5"></SearchCheck></button>
+    即为搜索完成；
+    店铺名称旁有
+    <button variant="ghost" class="selecct-none"><AlertCircle class="w-3.5 h-3.5"></AlertCircle></button>
+    则代表该店铺无搜索结果 或是 搜索错误，可点击对应的店铺 Tab 以查看排障指引或对单个店铺重新搜索。
+  </div>
+  <br/>
   <Tabs
     type="multiple"
     :default-value="platforms.find((id) => details[id] && details[id].length > 0)"
@@ -26,7 +35,38 @@ const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Gamers`, `Comic Zin`, `
       <div v-else>
         <Card>
           <CardContent class="p-6">
-            <p>在此商家未找到结果。试试再次搜索？</p>
+            <Button variant="secondary" size="sm" class="mb-2">
+            <RotateCw class="w-4 h-4 mr-2"></RotateCw>重新搜索（仅重搜本店铺）
+            </Button>
+            <br/>
+            在 {{ id }} 没有找到任何符合 搜索关键词 + 搜索条件（如有）的商品。
+            <br/>
+            <del>请先尝试点击「重新搜索（仅重搜本店铺）」按钮来重试一次。</del>此功能尚在开发，敬请期待。
+            <br/>
+            如果仍然没有搜索结果，请参考以下内容：
+            <br/>
+            1. 请先确认您在搜索框输入的是商品（书籍等）的<span class="font-bold"
+              >原文（例如：日文）标题</span
+              >，且输入准确无误、不是简称。 <br />如果您输入的是中文译名，您应该可以在此段文字上方的
+              Bangumi 番组计划 信息卡片，一键复制原文标题，重新进行搜索。如果上方来自 Bangumi
+              番组计划 的结果有误，请自行找到正确的原文标题。
+            <br />
+            2. 尝试调整搜索条件。
+            <br />
+            3. 尝试只输入作品名称，或是商品名称当中较为关键的词语；搜索书籍可删去 第X卷 / X 巻
+              等卷数表述，改用半角数字（如：0 1 ……），或不带卷数搜索。
+            <br />
+            4.
+            如果您访问本站的网络连接欠佳，可能也无法正常进行搜索并弹出本提示。请自行解决此类问题。
+            <br />
+            5. 如果您已阅读上述提示并都尝试过，但仍然无法解决问题，请
+            <a
+              href="https://github.com/YurierDept/get-bonus/issues"
+              target="_blank"
+              class="color-blue"
+              >提交 Issue</a
+            >
+            给开发者，开发者会协助解决。
           </CardContent>
         </Card>
       </div>

From 36c0f10e3f22200f3442b4810120703fc6795e77 Mon Sep 17 00:00:00 2001
From: arcHarico <harico@yurier.net>
Date: Fri, 23 Feb 2024 21:32:01 +0800
Subject: [PATCH 09/10] feat: small feat

---
 pages/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 65d4775..f8eef1f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -286,7 +286,7 @@ onMounted(() => {
               Bangumi 番组计划 信息卡片，一键复制原文标题，重新进行搜索。如果上方来自 Bangumi
               番组计划 的结果有误，请自行找到正确的原文标题。
               <br />
-              2. 尝试调整搜索设置。
+              2. 尝试调整搜索条件。
               <br />
               3. 尝试只输入作品名称，或是商品名称当中较为关键的词语；搜索书籍可删去 第X卷 / X 巻
               等卷数表述，改用半角数字（如：0 1 ……），或不带卷数搜索。
@@ -323,7 +323,7 @@ onMounted(() => {
               >同样不能是简称</span
             >。
             <br />
-            2. 尝试调整搜索设置。
+            2. 尝试调整搜索条件。
             <br />
             3. 尝试只输入作品名称，或是商品名称当中较为关键的词语；搜索书籍可删去 第X卷 / X 巻
             等卷数表述，改用半角数字（如：0 1 ……），或不带卷数搜索。

From 26b7844a270fe533c598965b6d8fc8e1b72ad6bf Mon Sep 17 00:00:00 2001
From: arcHarico <harico@yurier.net>
Date: Fri, 23 Feb 2024 21:51:38 +0800
Subject: [PATCH 10/10] feat: no item intro customize; code prettier

---
 components/SearchResult.vue | 17 +++++++++++------
 pages/index.vue             | 16 ++++++++++++----
 2 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/components/SearchResult.vue b/components/SearchResult.vue
index ebc29cb..9b82522 100644
--- a/components/SearchResult.vue
+++ b/components/SearchResult.vue
@@ -16,7 +16,7 @@ const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Gamers`, `Comic Zin`, `
     <button variant="ghost" class="selecct-none"><AlertCircle class="w-3.5 h-3.5"></AlertCircle></button>
     则代表该店铺无搜索结果 或是 搜索错误，可点击对应的店铺 Tab 以查看排障指引或对单个店铺重新搜索。
   </div>
-  <br/>
+  <br />
   <Tabs
     type="multiple"
     :default-value="platforms.find((id) => details[id] && details[id].length > 0)"
@@ -38,13 +38,13 @@ const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Gamers`, `Comic Zin`, `
             <Button variant="secondary" size="sm" class="mb-2">
             <RotateCw class="w-4 h-4 mr-2"></RotateCw>重新搜索（仅重搜本店铺）
             </Button>
-            <br/>
+            <br />
             在 {{ id }} 没有找到任何符合 搜索关键词 + 搜索条件（如有）的商品。
-            <br/>
+            <br />
             <del>请先尝试点击「重新搜索（仅重搜本店铺）」按钮来重试一次。</del>此功能尚在开发，敬请期待。
-            <br/>
+            <br />
             如果仍然没有搜索结果，请参考以下内容：
-            <br/>
+            <br />
             1. 请先确认您在搜索框输入的是商品（书籍等）的<span class="font-bold"
               >原文（例如：日文）标题</span
               >，且输入准确无误、不是简称。 <br />如果您输入的是中文译名，您应该可以在此段文字上方的
@@ -57,9 +57,14 @@ const platforms = [`Melonbooks`, `Animate`, `虎穴`, `Gamers`, `Comic Zin`, `
               等卷数表述，改用半角数字（如：0 1 ……），或不带卷数搜索。
             <br />
             4.
+            在商家网站自行搜索一次。如果商家网站也一样没有，且搜索关键词没有问题、在商家网站的搜索条件设置无误，那就可能是商家自己尚未上架，请耐心等待。
+            <br />
+            5.
             如果您访问本站的网络连接欠佳，可能也无法正常进行搜索并弹出本提示。请自行解决此类问题。
             <br />
-            5. 如果您已阅读上述提示并都尝试过，但仍然无法解决问题，请
+            6. 如果您已阅读上述提示并都尝试过，<span class="font-bold"
+              >并且商家官网本来可以搜得到</span
+              >但这里没能显示出来，请
             <a
               href="https://github.com/YurierDept/get-bonus/issues"
               target="_blank"
diff --git a/pages/index.vue b/pages/index.vue
index f8eef1f..befbe9a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -281,7 +281,7 @@ onMounted(() => {
               >
               <br />
               1. 请先确认您在搜索框输入的是商品（书籍等）的<span class="font-bold"
-                >原文（例如：日文）标题</span
+              >原文（例如：日文）标题</span
               >，且输入准确无误、不是简称。 <br />如果您输入的是中文译名，您应该可以在此段文字上方的
               Bangumi 番组计划 信息卡片，一键复制原文标题，重新进行搜索。如果上方来自 Bangumi
               番组计划 的结果有误，请自行找到正确的原文标题。
@@ -292,9 +292,14 @@ onMounted(() => {
               等卷数表述，改用半角数字（如：0 1 ……），或不带卷数搜索。
               <br />
               4.
+              在商家网站自行搜索一次。如果商家网站也一样没有，且搜索关键词没有问题、在商家网站的搜索条件设置无误，那就可能是商家自己尚未上架，请耐心等待。
+              <br />
+              5.
               如果您访问本站的网络连接欠佳，可能也无法正常进行搜索并弹出本提示。请自行解决此类问题。
               <br />
-              5. 如果您已阅读上述提示并都尝试过，但仍然无法解决问题，请
+              6. 如果您已阅读上述提示并都尝试过，<span class="font-bold"
+              >并且商家官网本来可以搜得到</span
+              >但这里没能显示出来，请
               <a
                 href="https://github.com/YurierDept/get-bonus/issues"
                 target="_blank"
@@ -313,7 +318,7 @@ onMounted(() => {
               <AlertCircle />
               没有搜索结果。</span
             ><br />
-            无法在 Bangumi 番组计划 与所有支持的商家找到任何符合搜索关键词的作品与商品。
+            无法在 Bangumi 番组计划 与所有支持的商家找到任何符合搜索关键词和搜索条件的作品与商品。
             <br />
             1. 请先确认您在搜索框输入的是商品（书籍等）的<span class="font-bold"
               >原文（例如：日文）标题</span
@@ -329,9 +334,12 @@ onMounted(() => {
             等卷数表述，改用半角数字（如：0 1 ……），或不带卷数搜索。
             <br />
             4.
+            在商家网站自行搜索一次。如果商家网站也一样没有，且搜索关键词没有问题、在商家网站的搜索条件设置无误，那就可能是商家自己尚未上架，请耐心等待。
+            <br />
+            5.
             如果您访问本站的网络连接欠佳，可能也无法正常进行搜索并弹出本提示。请自行解决此类问题。
             <br />
-            5. 如果您已阅读上述提示并都尝试过，但仍然无法解决问题（例如：使用相同关键词在 Bangumi
+            6. 如果您已阅读上述提示并都尝试过，但仍然无法解决问题（例如：使用相同关键词在 Bangumi
             番组计划 或支持的商家可以搜到商品，但这里无法搜到），请
             <a
               href="https://github.com/YurierDept/get-bonus/issues"