refactor: CheckboxItem typing

app/src/components/globals/formItems/CheckboxItem.vue

@@ -1,31 +1,39 @@
 <script setup lang="ts">
+import type { CheckboxItemProps, BaseItemComputedProps } from '@/types/form'
+
 withDefaults(
-  defineProps<{
+  defineProps<CheckboxItemProps & BaseItemComputedProps<boolean>>(),
-    modelValue: boolean
-    id?: string
-    label?: string
-    labels?: { true: string; false: string }
-  }>(),
   {
     id: undefined,
+    name: undefined,
+    placeholder: undefined,
+    touchKey: undefined,
     label: undefined,
     labels: () => ({ true: 'yes', false: 'no' }),
+
+    ariaDescribedby: undefined,
+    modelValue: undefined,
+    state: undefined,
+    validation: undefined,
   },
 )
 
-const emit = defineEmits<{
+defineEmits<{
   'update:modelValue': [value: boolean]
 }>()
+
+const model = defineModel<boolean>()
 </script>
 
 <template>
   <BFormCheckbox
-    :modelValue="modelValue"
-    @update:modelValue="emit('update:modelValue', $event)"
     :id="id"
-    :aria-describedby="$parent.id + '__BV_description_'"
+    v-model="model"
+    :name="name"
+    :aria-describedby="ariaDescribedby"
+    :state="state"
     switch
   >
-    {{ label || $t(labels[modelValue]) }}
+    {{ label || $t(labels[modelValue ? 'true' : 'false']) }}
   </BFormCheckbox>
 </template>

app/src/types/form.ts

@@ -26,3 +26,10 @@ export type AdressModelValue = {
   separator: string
   domain: string | null
 }
+
+export type CheckboxItemProps = BaseWritableItemProps & {
+  label?: string
+  labels?: { true: string; false: string }
+  // FIXME unused?
+  // choices: string[]
+}