From e495031999fa86dc1b5705a04d8f5e688a3611d6 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Wed, 17 Apr 2024 20:33:09 +0200
Subject: [PATCH] Add dropdown options

---
 src/components/fields/VDropdown.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/fields/VDropdown.vue b/src/components/fields/VDropdown.vue
index dae04cb..0cd42f6 100644
--- a/src/components/fields/VDropdown.vue
+++ b/src/components/fields/VDropdown.vue
@@ -2,23 +2,23 @@
     <label class="w-full border border-solid border-gray-500 focus-within:border-primary rounded-lg relative flex" :for="id">
         <select
             v-if="!allowcustom"
-            :name="name"
             :id="id"
-            class="bg-white group-[.info]:bg-blue-200 rounded-lg focus:outline-none text-gray-600 text-left py-1 px-2 @sm:py-2 @sm:group-[.info]:py-1 text-sm @sm:text-base @sm:group-[.info]:text-sm @sm:px-3 @sm:group-[.info]:px-2 w-full"
             v-model="inner"
+            :name="name"
+            class="bg-white group-[.info]:bg-blue-200 rounded-lg focus:outline-none text-gray-600 text-left py-1 px-2 @sm:py-2 @sm:group-[.info]:py-1 text-sm @sm:text-base @sm:group-[.info]:text-sm @sm:px-3 @sm:group-[.info]:px-2 w-full"
         >
             <option :value="null">-- kein --</option>
             <option v-for="(option, index) in options" :key="index" :value="option.id" v-text="option.name"></option>
         </select>
         <input
-            class="bg-white group-[.info]:bg-blue-200 rounded-lg focus:outline-none text-gray-600 text-left py-1 px-2 @sm:py-2 @sm:group-[.info]:py-1 text-sm @sm:text-base @sm:group-[.info]:text-sm @sm:px-3 @sm:group-[.info]:px-2 w-full"
             v-if="allowcustom"
+            v-model="inner"
+            class="bg-white group-[.info]:bg-blue-200 rounded-lg focus:outline-none text-gray-600 text-left py-1 px-2 @sm:py-2 @sm:group-[.info]:py-1 text-sm @sm:text-base @sm:group-[.info]:text-sm @sm:px-3 @sm:group-[.info]:px-2 w-full"
             type="text"
             :list="`${id}-list`"
-            v-model="inner"
         />
         <datalist v-if="allowcustom" :id="`${id}-list`">
-            <option>lala</option>
+            <option v-for="(option, index) in options" :key="index" :value="option.id" v-text="option.name"></option>
         </datalist>
         <div v-if="hint" class="absolute right-0 mr-2 flex items-center h-full">
             <hint :value="hint"></hint>