refactor: simplify link to bv

src/auto-imports.d.ts

@@ -133,6 +133,7 @@ declare global {
   const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
   const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
   const useDraggable: typeof import('@vueuse/core')['useDraggable']
+  const useDropZone: typeof import('@vueuse/core')['useDropZone']
   const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
   const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
   const useElementHover: typeof import('@vueuse/core')['useElementHover']

src/components/tags/DishTag.vue

@@ -24,7 +24,7 @@ const triggerGtm = (val: string) => {
 
 <template>
   <a
-    :href="dish.link" target="_blank" class="tag rounded" p="x-2"
+    :href="dish.link || `https://www.bilibili.com/video/${dish.bv}`" target="_blank" class="tag rounded" p="x-2"
     border="~ blue-200 dark:blue-800"
     bg="blue-300 opacity-20"
     @click="triggerGtm(dish.name)"

src/data/food.ts

@@ -133,6 +133,10 @@ export const meat: StuffItem[] = [
     name: '骨头',
     emoji: '🦴',
   },
+  {
+    name: '鱼（Todo）',
+    emoji: '🐟',
+  },
 ]
 
 /**

src/types/recipe.ts

@@ -8,7 +8,11 @@ export interface RecipeItem {
   /**
    * 链接
    */
-  link: string
+  link?: string
+  /**
+   * BiliBili video id
+   */
+  bv?: string
   /**
    * 材料
    */