fix(SelectCustom): improve creatable placeholder

nuxt · Jul 16, 2022 · d413cf7 · d413cf7
1 parent 5906ee9
commit d413cf7
Showing 1 changed file with 2 additions and 9 deletions.
diff --git 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 }
 })