From 2b109548b1a94a30858cf58c8f525554a1c12cbb Mon Sep 17 00:00:00 2001
From: Robin Malfait <malfait.robin@gmail.com>
Date: Fri, 22 Apr 2022 22:54:08 +0200
Subject: [PATCH] fix `nullable` prop for Vue

---
 .../@headlessui-vue/src/components/combobox/combobox.test.ts    | 2 +-
 packages/@headlessui-vue/src/components/combobox/combobox.ts    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/@headlessui-vue/src/components/combobox/combobox.test.ts b/packages/@headlessui-vue/src/components/combobox/combobox.test.ts
index 74375525e..d0e5c9330 100644
--- a/packages/@headlessui-vue/src/components/combobox/combobox.test.ts
+++ b/packages/@headlessui-vue/src/components/combobox/combobox.test.ts
@@ -3476,7 +3476,7 @@ describe('Keyboard interactions', () => {
           let handleChange = jest.fn()
           renderTemplate({
             template: html`
-              <Combobox v-model="value">
+              <Combobox v-model="value" nullable>
                 <ComboboxInput />
                 <ComboboxButton>Trigger</ComboboxButton>
                 <ComboboxOptions>
diff --git a/packages/@headlessui-vue/src/components/combobox/combobox.ts b/packages/@headlessui-vue/src/components/combobox/combobox.ts
index 4d87c15e0..8312b61d9 100644
--- a/packages/@headlessui-vue/src/components/combobox/combobox.ts
+++ b/packages/@headlessui-vue/src/components/combobox/combobox.ts
@@ -627,7 +627,7 @@ export let ComboboxInput = defineComponent({
         case Keys.Backspace:
         case Keys.Delete:
           if (api.mode.value !== ValueMode.Single) return
-          if (!api.nullable) return
+          if (!api.nullable.value) return
 
           let input = event.currentTarget as HTMLInputElement
           requestAnimationFrame(() => {