Display: use defineModel for model value in BaseDropdown component

assets/vue/components/basecomponents/BaseDropdown.vue

@@ -2,15 +2,14 @@
   <div class="field">
     <div class="p-float-label">
       <Dropdown
+        v-model="modelValue"
         :class="{ 'p-invalid': isInvalid }"
         :input-id="inputId"
-        :model-value="modelValue"
         :name="name"
         :option-label="optionLabel"
         :option-value="optionValue"
         :options="options"
         :placeholder="placeholder"
-        @update:model-value="$emit('update:modelValue', $event)"
       />
       <label
         :for="inputId"
@@ -33,17 +32,15 @@
 <script setup>
 import Dropdown from "primevue/dropdown"
 
+const modelValue = defineModel({
+  type: String || Number || Object,
+})
+
 defineProps({
   name: {
     type: String,
     required: true,
   },
-  // type null allow all kind of values, like prime vue does
-  modelValue: {
-    type: null,
-    required: true,
-    default: () => {},
-  },
   options: {
     type: Array,
     required: true,
@@ -84,8 +81,10 @@ defineProps({
     required: false,
     default: false,
   },
-  helpText: String,
+  helpText: {
+    type: String || undefined,
+    required: false,
+    default: undefined,
+  },
 })
-
-defineEmits(["update:modelValue"])
 </script>