feat(InputMenu): handle nullable prop when clearing input

nuxt · Jan 24, 2024 · 5e49fb8 · 5e49fb8 · vercel · Jan 24, 2024
1 parent 2cb41db
commit 5e49fb8
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/runtime/components/forms/InputMenu.vue b/src/runtime/components/forms/InputMenu.vue
@@ -5,6 +5,7 @@
     :name="name"
     :model-value="modelValue"
     :disabled="disabled"
+    :nullable="nullable"
     as="div"
     :class="ui.wrapper"
     @update:model-value="onUpdate"
@@ -194,6 +195,10 @@ export default defineComponent({
       type: Boolean,
       default: false
     },
+    nullable: {
+      type: Boolean,
+      default: false
+    },
     placeholder: {
       type: String,
       default: null
@@ -294,6 +299,10 @@ export default defineComponent({
     })
 
     const label = computed(() => {
+      if (!props.modelValue) {
+        return
+      }
+
       if (props.valueAttribute) {
         const option = props.options.find(option => option[props.valueAttribute] === props.modelValue)
         return option ? option[props.optionAttribute] : null