From 5c5a50b8fe58883edf9cb0bac0e3b5ba36cf5101 Mon Sep 17 00:00:00 2001
From: Benny Samir Hierl <bennysamir@posteo.de>
Date: Sun, 13 Feb 2022 10:25:13 +0100
Subject: [PATCH] fix checkbox input

Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
---
 src/components/InputCheckbox.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/InputCheckbox.vue b/src/components/InputCheckbox.vue
index b6e0337..5d1f8b3 100644
--- a/src/components/InputCheckbox.vue
+++ b/src/components/InputCheckbox.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="relative mb-8">
     <label class="mb-1 block w-full" :for="name">{{ label }}</label>
-    <div @click="handleChange(checked)">
-      <IconToggleOn v-if="!checked" class="h-12 w-12 fill-emerald-700" />
+    <div @click="handleChange(!checked)">
+      <IconToggleOn v-if="checked" class="h-12 w-12 fill-emerald-700" />
       <IconToggleOff
         v-else
         class="h-12 w-12 cursor-pointer fill-stone-500 dark:fill-current"
@@ -18,6 +18,7 @@ import { IconToggleOn, IconToggleOff } from '@/components/icons'
 const props = defineProps({
   value: {
     type: Boolean,
+    default: false,
   },
   name: {
     type: String,
@@ -30,7 +31,8 @@ const props = defineProps({
 })
 const { checked, handleChange } = useField(props.name, undefined, {
   type: 'checkbox',
-  checkedValue: props.value,
   initialValue: props.value,
+  checkedValue: true,
+  uncheckedValue: false,
 })
 </script>