From d56926f538837170b6b69b929880452cb4801349 Mon Sep 17 00:00:00 2001
From: YunYouJun <me@yunyoujun.cn>
Date: Sun, 17 Apr 2022 14:41:07 +0800
Subject: [PATCH] fix: emoji caused v-if button

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

diff --git a/src/components/ChooseFood.vue b/src/components/ChooseFood.vue
index 2ca9006..e5dbc0e 100644
--- a/src/components/ChooseFood.vue
+++ b/src/components/ChooseFood.vue
@@ -102,7 +102,7 @@ const { isVisible, show } = useInvisibleElement(recipePanel)
 <template>
   <Transition>
     <button
-      v-if="displayedRecipe.length !== recipe.length && isVisible"
+      v-show="displayedRecipe.length !== recipe.length && isVisible"
       ref="recipeBtn"
       class="cursor-pointer fixed inline-flex justify-center items-center rounded rounded-full shadow hover:shadow-md"
       bg="green-50" w="10" h="10" bottom="4" right="4"
@@ -128,7 +128,7 @@ const { isVisible, show } = useInvisibleElement(recipePanel)
     <VegetableTag
       v-for="item, i in vegetable" :key="i"
       :active="curStuff.includes(item.name)"
-      @click="() => toggleStuff(item, 'vegetable')"
+      @click="toggleStuff(item, 'vegetable')"
     >
       <span v-if="item.emoji" class="inline-flex">{{ item.emoji }}</span>
       <span v-else-if="item.image" class="inline-flex">