fix: div in span (#61)

YunYouJun · Nov 16, 2023 · 99d7d66 · 99d7d66 · vercel · Nov 16, 2023
1 parent 87025cd
commit 99d7d66
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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>