From d413cf74d6eed70870c60120c1cebbe0335becd6 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Sat, 16 Jul 2022 18:55:08 +0200
Subject: [PATCH] fix(SelectCustom): improve creatable placeholder

---
 src/runtime/components/forms/SelectCustom.vue | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/runtime/components/forms/SelectCustom.vue b/src/runtime/components/forms/SelectCustom.vue
index 9e28616b..ee8556f7 100644
--- a/src/runtime/components/forms/SelectCustom.vue
+++ b/src/runtime/components/forms/SelectCustom.vue
@@ -60,7 +60,7 @@
             </li>
           </ComboboxOption>
 
-          <ComboboxOption v-if="queryOption" v-slot="{ active, selected }" :value="queryOption" as="template">
+          <ComboboxOption v-if="creatable && queryOption && !filteredOptions.length" v-slot="{ active, selected }" :value="queryOption" as="template">
             <li :class="resolveOptionClass({ active, selected })">
               <div :class="listOptionContainerClass">
                 <slot name="option-create" :option="queryOption" :active="active" :selected="selected">
@@ -69,7 +69,7 @@
               </div>
             </li>
           </ComboboxOption>
-          <p v-else-if="searchable && query" :class="listOptionEmptyClass">
+          <p v-else-if="searchable && query && !filteredOptions.length" :class="listOptionEmptyClass">
             <slot name="option-empty" :query="query">
               No results found for "{{ query }}".
             </slot>
@@ -306,13 +306,6 @@ const filteredOptions = computed(() =>
 )
 
 const queryOption = computed(() => {
-  if (!props.creatable) {
-    return null
-  }
-  if (!query.value) {
-    return null
-  }
-
   return query.value === '' ? null : { [props.textAttribute]: query.value }
 })