From f6ddf14f9c240ce9d42418354920c34205614005 Mon Sep 17 00:00:00 2001
From: Bernd Storath <999999bst@gmail.com>
Date: Wed, 15 Jan 2025 07:53:38 +0100
Subject: [PATCH] fix array field

---
 src/app/components/form/ArrayField.vue | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/app/components/form/ArrayField.vue b/src/app/components/form/ArrayField.vue
index e94a64d4..777e6c79 100644
--- a/src/app/components/form/ArrayField.vue
+++ b/src/app/components/form/ArrayField.vue
@@ -3,13 +3,13 @@
     {{ emptyText || 'No items' }}
   </div>
   <div v-else class="flex flex-col">
-    <div v-for="(item, i) in data" :key="item">
+    <div v-for="(item, i) in data" :key="i">
       <input
         :value="item"
         :name="name"
         type="text"
         class="rounded-lg border-2 border-gray-100 text-gray-500 focus:border-red-800 focus:outline-0 focus:ring-0 dark:border-neutral-800 dark:bg-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-400"
-        @input="update(i)"
+        @input="update($event, i)"
       />
       <input type="button" value="-" @click="del(i)" />
     </div>
@@ -21,13 +21,12 @@
 const data = defineModel<string[]>();
 defineProps<{ emptyText?: string[]; name: string }>();
 
-function update(i: number) {
-  return (v: string) => {
-    if (!data.value) {
-      return;
-    }
-    data.value[i] = v;
-  };
+function update(e: Event, i: number) {
+  const v = (e.target as HTMLInputElement).value;
+  if (!data.value) {
+    return;
+  }
+  data.value[i] = v;
 }
 
 function add() {