Display: Simplify function to search in the BaseAutocomplete component

assets/vue/components/basecomponents/BaseAutocomplete.vue

@@ -9,6 +9,7 @@
         force-selection
         :option-label="optionLabel"
         :disabled="disabled"
+        :min-length="3"
         @complete="onComplete"
         @item-select="$emit('item-select', $event)"
         @update:model-value="$emit('update:modelValue', $event)"
@@ -84,18 +85,9 @@ const baseModel = ref([])
 
 const suggestions = ref([])
 
-const onComplete = (event) => {
+const onComplete = async (event) => {
-  if (event.query.length >= 3) {
+  const members = await props.search(event.query)
-    props.search(event.query).then((members) => {
-      if (members.length > 0) {
-        suggestions.value = members
-      } else {
-        let fakeSuggestion = {}
-        fakeSuggestion[`${props.optionLabel}`] = event.query
 
-        suggestions.value = [fakeSuggestion]
+  suggestions.value = members.length > 0 ? members : []
-      }
-    })
-  }
 }
 </script>