fix: details by product suggestion

src/components/ChooseFood.vue

@@ -64,9 +64,12 @@ const clickTool = (item: StuffItem) => {
 </script>
 
 <template>
-  <div m="y-4">
-    <h2 text="xl" font="bold" p="1">
-      🥬 今天想吃菜
+  <h2 m="t-4" text="xl" font="bold" p="1">
+    第一步：🥘 选择食材
+  </h2>
+  <div>
+    <h2 opacity="90" text="base" font="bold" p="1">
+      🥬 菜菜们
     </h2>
     <VegetableTag
       v-for="item, i in vegetable" :key="i"
@@ -85,8 +88,8 @@ const clickTool = (item: StuffItem) => {
     </VegetableTag>
   </div>
   <div m="y-4">
-    <h2 text="xl" font="bold" p="1">
-      🥩 还想吃点肉
+    <h2 opacity="90" text="base" font="bold" p="1">
+      🥩 肉肉们
     </h2>
     <MeatTag
       v-for="item, i in meat" :key="i"
@@ -103,7 +106,7 @@ const clickTool = (item: StuffItem) => {
   </div>
   <div m="y-4">
     <h2 text="xl" font="bold" p="1">
-      🍚 想来点主食
+      第二步：🍚 选择主食
     </h2>
     <StapleTag
       v-for="item, i in staple" :key="i"
@@ -120,7 +123,7 @@ const clickTool = (item: StuffItem) => {
   </div>
   <div m="t-4">
     <h2 text="xl" font="bold" p="1">
-      🍳 打算用厨具
+      第三步：🍳 选择厨具
     </h2>
     <ToolTag
       v-for="item, i in tools" :key="i"
@@ -156,25 +159,33 @@ const clickTool = (item: StuffItem) => {
     <h2 text="xl" font="bold" p="1">
       🍲 今天的饭菜
       <br>
-      <small class="inline-flex justify-center items-center" text="xs">菜谱数据来源：
+      <small class="inline-flex justify-center items-center" text="xs">
         <a class="inline-flex justify-center items-center" style="color: #ea7a99" href="https://www.bilibili.com/v/food" target="_blank">
+          <span inline-flex>菜谱视频来源：</span>
           <div class="inline-flex" i-ri-bilibili-line />
           <span m="l-1" class="inline-flex" style="margin-top: 1px;">B 站</span>
         </a>
       </small>
     </h2>
     <Transition mode="out-in">
-      <div v-if="displayedRecipe.length">
-        <DishTag v-for="item, i in displayedRecipe" :key="i" :dish="item" />
-      </div>
-      <p v-else p="2">
-        😢 还没有这样的食谱呢……
+      <div p="2">
+        <span v-if="!curStuff.length && !curTools.length" text="sm" p="2">
+          你要先选食材或工具哦～
+        </span>
+
+        <span v-else-if="displayedRecipe.length">
+          <DishTag v-for="item, i in displayedRecipe" :key="i" :dish="item" />
+        </span>
+
+        <span v-else text="sm">
+          还没有这样组合出的食谱呢…重新选择一下吧
+        </span>
+
         <br>
-        <br>
-        <a class="text-sm text-blue-600 dark:text-blue-400" href="https://docs.qq.com/sheet/DZUpJS0tQZm1YYWlt" target="_blank">
-          ❤️ 隔离食用手册大全 ❤️
+        <a m="t-4" border="b-1 dashed" class="inline-flex text-sm text-blue-600 dark:text-blue-400" href="https://docs.qq.com/sheet/DZUpJS0tQZm1YYWlt" target="_blank">
+          干饭攻略：隔离食用手册大全
         </a>
-      </p>
+      </div>
     </Transition>
   </div>
 </template>

src/data/recipe.csv

@@ -428,3 +428,21 @@ biangbiang面,面条,https://www.bilibili.com/video/BV1844y157GL,简单,,油泼,
 干锅花菜,花菜、洋葱,https://www.bilibili.com/video/BV1Rb4y147bZ,普通,,,一口大锅
 茄汁花菜,花菜、番茄,https://www.bilibili.com/video/BV1J541187QQ,普通,,,一口大锅
 花菜虾仁炒饭,花菜、虾仁、米饭、洋葱、胡萝卜,https://www.bilibili.com/video/BV1z4411a7dy,普通,,,一口大锅
+白菜炒香菇,白菜、菌菇,https://www.bilibili.com/video/BV1MS4y117Kp,普通,,,一口大锅
+香菇白菜汤,白菜、菌菇,https://www.bilibili.com/video/BV1Cs411G7bw,普通,,,一口大锅
+白菜炒土豆片,白菜、土豆,https://www.bilibili.com/video/BV17y4y1e76x,普通,,,一口大锅
+白菜肉卷,白菜、番茄、洋葱、猪肉、米饭、鸡蛋,https://www.bilibili.com/video/BV1Ru411C7Hn,困难,,,一口大锅
+白菜三丝饼,白菜、胡萝卜、西葫芦、鸡蛋,https://www.bilibili.com/video/BV1oF411B7Ys,普通,,,一口大锅
+白菜鸡胸肉卷,白菜、鸡胸肉、鸡蛋,https://www.bilibili.com/video/BV1nf4y127Cx,,,,一口大锅
+白菜酿肉,白菜、猪肉、胡萝卜、菌菇,https://www.bilibili.com/video/BV1Q5411J7oT,,,,一口大锅
+大虾烧白菜,白菜、虾,https://www.bilibili.com/video/BV1yT4y157x5,,,,一口大锅
+白菜鸡蛋烙,白菜、鸡蛋,https://www.bilibili.com/video/BV1rb411F7en,,,,一口大锅
+白菜荷包蛋,白菜、鸡蛋、猪肉,https://www.bilibili.com/video/BV16W411a7V8,,,,一口大锅
+酸辣大白菜,白菜,https://www.bilibili.com/video/BV1aJ411z7z9,,,,一口大锅
+白菜鸡胸肉,白菜、鸡胸肉,https://www.bilibili.com/video/BV1nf4y127Cx,,,,一口大锅
+烂糊白菜,白菜、鸡蛋,https://www.bilibili.com/video/BV1x3411y7eN,,,,一口大锅
+醋溜白菜,白菜,https://www.bilibili.com/video/BV12K4y157im,,,,一口大锅
+火腿白菜豆腐煲,白菜、豆腐、香肠,https://www.bilibili.com/video/BV1o44y1r7hX,,,,一口大锅
+白菜卷火锅,白菜、菌菇、胡萝卜、香肠,https://www.bilibili.com/video/BV1wY411n7Vk,,,,一口大锅
+蒸蛋羹（硬核0失败版）,鸡蛋,https://www.bilibili.com/video/BV1x441117r4,,,,一口大锅
+爆汁肉饼,猪肉、鸡蛋,https://www.bilibili.com/video/BV1Cm4y1X7ej,,,,一口大锅

src/stores/recipe.ts

@@ -2,7 +2,7 @@ import { acceptHMRUpdate, defineStore } from 'pinia'
 
 export const useRecipeStore = defineStore('recipe', () => {
   const curStuff = ref(new Set<string>())
-  const curTools = ref(new Set<string>(['一口大锅']))
+  const curTools = ref(new Set<string>())
 
   const selectedStuff = computed(() => Array.from(curStuff.value))
   const selectedTools = computed(() => Array.from(curTools.value))
@@ -31,7 +31,6 @@ export const useRecipeStore = defineStore('recipe', () => {
   function reset() {
     curStuff.value.clear()
     curTools.value.clear()
-    curTools.value.add('一口大锅')
   }
 
   return {