From 99d7d660bbffcf76d540f8554ae860edae2d8f00 Mon Sep 17 00:00:00 2001
From: KazariEX <85992002+MysteryBao37@users.noreply.github.com>
Date: Thu, 16 Nov 2023 14:10:34 +0800
Subject: [PATCH] fix: div in span (#61)

---
 components/tags/DishTag.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/tags/DishTag.vue b/components/tags/DishTag.vue
index b5434d1..6f5affa 100644
--- a/components/tags/DishTag.vue
+++ b/components/tags/DishTag.vue
@@ -42,11 +42,11 @@ const dishLabel = computed(() => {
     bg="blue-300 opacity-20"
     @click="triggerGtm(dish)"
   >
-    <span m="r-1" class="inline-flex items-center justify-center" text="sm blue-700 dark:blue-200">
+    <span m="r-1" text="sm blue-700 dark:blue-200">
       {{ dishLabel }}
     </span>
-    <span v-for="tool, i in tools" :key="i" inline-flex>
-      <div v-if="dish.tools?.includes(tool.name)" :class="tool.icon" />
-    </span>
+    <template v-for="tool, i in tools">
+      <span v-if="dish.tools?.includes(tool.name)" :key="i" :class="tool.icon" />
+    </template>
   </a>
 </template>