From f6631ff7bc607e140e9db2c7335c409a811820e4 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 11 Oct 2024 14:13:46 +0200
Subject: [PATCH] fix(Checkbox): `indeterminate` prop not working

---
 src/runtime/components/Checkbox.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/runtime/components/Checkbox.vue b/src/runtime/components/Checkbox.vue
index a3c447e8..07173185 100644
--- a/src/runtime/components/Checkbox.vue
+++ b/src/runtime/components/Checkbox.vue
@@ -1,5 +1,4 @@
 <script lang="ts">
-import type { InputHTMLAttributes } from 'vue'
 import { tv, type VariantProps } from 'tailwind-variants'
 import type { CheckboxRootProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
@@ -22,7 +21,7 @@ export interface CheckboxProps extends Pick<CheckboxRootProps, 'disabled' | 'req
    * @defaultValue appConfig.ui.icons.check
    */
   icon?: string
-  indeterminate?: InputHTMLAttributes['indeterminate']
+  indeterminate?: boolean
   /**
    * The icon displayed when the checkbox is indeterminate.
    * @defaultValue appConfig.ui.icons.minus
@@ -64,11 +63,9 @@ const appConfig = useAppConfig()
 const { id: _id, emitFormChange, emitFormInput, size, color, name, disabled } = useFormField<CheckboxProps>(props)
 const id = _id.value ?? useId()
 
-const indeterminate = computed(() => (modelValue.value === undefined && props.indeterminate))
-
 const checked = computed({
   get() {
-    return indeterminate.value ? 'indeterminate' : modelValue.value
+    return props.indeterminate ? 'indeterminate' : modelValue.value
   },
   set(value) {
     modelValue.value = value === 'indeterminate' ? undefined : value
@@ -80,7 +77,7 @@ const ui = computed(() => checkbox({
   color: color.value,
   required: props.required,
   disabled: disabled.value,
-  checked: (modelValue.value ?? props.defaultValue) || indeterminate.value
+  checked: (modelValue.value ?? props.defaultValue) || props.indeterminate
 }))
 
 function onUpdate(value: any) {