From 90e389f2fa20c6152cf25c8872b5284332efe9ad Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Fri, 27 Jan 2023 15:43:22 +0100
Subject: [PATCH] fixed add to shopping modal layout

---
 vue/src/components/Modals/ShoppingModal.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/vue/src/components/Modals/ShoppingModal.vue b/vue/src/components/Modals/ShoppingModal.vue
index d9a64df25..8833ef0d5 100644
--- a/vue/src/components/Modals/ShoppingModal.vue
+++ b/vue/src/components/Modals/ShoppingModal.vue
@@ -10,12 +10,11 @@
 					</b-card-header>
 					<b-collapse id="accordion-0" class="p-2" visible accordion="my-accordion" role="tabpanel">
 
-						<div v-for="i in steps.flatMap(s => s.ingredients)" v-bind:key="i.id">
+						<div>
 							<table class="table table-sm mb-0">
 
-								<ingredient-component
+								<ingredient-component  v-for="i in steps.flatMap(s => s.ingredients)" v-bind:key="i.id"
 									:use_plural="true"
-									:key="i.id"
 									:detailed="true"
 									:ingredient="i"
 									:ingredient_factor="ingredient_factor"