From af24ed8248daaeab400c9427e39e85d4011b5cdb Mon Sep 17 00:00:00 2001
From: Kuchenpirat <jojow@gmx.net>
Date: Mon, 2 Jun 2025 16:55:29 +0000
Subject: [PATCH] fix recipe organizers not showing in edit mode

---
 .../Domain/Recipe/RecipeOrganizerSelector.vue | 29 ++++++++-----------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue b/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue
index c45bd6ccb..85cba37d3 100644
--- a/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue
+++ b/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue
@@ -11,37 +11,32 @@
     multiple
     variant="underlined"
     :prepend-inner-icon="icon"
+    :append-icon="$globals.icons.create"
     return-object
     auto-select-first
     class="pa-0"
     @update:model-value="resetSearchInput"
+    @click:append="dialog = true"
   >
-    <template #chip="data">
+    <template #chip="{ item, index }">
       <v-chip
-        :key="data.index"
+        :key="index"
         class="ma-1"
-        :input-value="data.item.raw.selected"
-        size="small"
-        :append-icon="$globals.icons.close"
-        color="white"
-        dark
-        @click:close="removeByIndex(data.index)"
+        color="accent"
+        variant="flat"
+        label
+
+        closable
+        @click:close="removeByIndex(index)"
       >
-        {{ data.item.raw.name }}
+        {{ item.value }}
       </v-chip>
     </template>
+
     <template
       v-if="showAdd"
       #append
     >
-      <v-btn
-        icon
-        @click="dialog = true"
-      >
-        <v-icon>
-          {{ $globals.icons.create }}
-        </v-icon>
-      </v-btn>
       <RecipeOrganizerDialog
         v-model="dialog"
         :item-type="selectorType"