From 22e964a17fad5802764cdf3e31514bda260d3bcf Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <mysteriousdevs@gmail.com>
Date: Sun, 29 Oct 2023 11:10:03 +0100
Subject: [PATCH 1/4] Convert Checkbox component to Composition API

---
 lib/components/base/Checkbox.vue | 63 +++++++++++++++-----------------
 1 file changed, 29 insertions(+), 34 deletions(-)

diff --git a/lib/components/base/Checkbox.vue b/lib/components/base/Checkbox.vue
index d35de3f38..5d65900f9 100644
--- a/lib/components/base/Checkbox.vue
+++ b/lib/components/base/Checkbox.vue
@@ -25,43 +25,38 @@
 </template>
 <script setup>
 import { CheckIcon, DropdownIcon } from '@'
-</script>
-<script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  props: {
-    label: {
-      type: String,
-      default: '',
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    description: {
-      type: String,
-      default: '',
-    },
-    modelValue: Boolean,
-    clickEvent: {
-      type: Function,
-      default: () => {},
-    },
-    collapsingToggleStyle: {
-      type: Boolean,
-      default: false,
-    },
+
+const emit = defineEmits(['update:modelValue'])
+
+const props = defineProps({
+  label: {
+    type: String,
+    default: '',
   },
-  emits: ['update:modelValue'],
-  methods: {
-    toggle() {
-      if (!this.disabled) {
-        this.$emit('update:modelValue', !this.modelValue)
-      }
-    },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  description: {
+    type: String,
+    default: '',
+  },
+  modelValue: Boolean,
+  clickEvent: {
+    type: Function,
+    default: () => {},
+  },
+  collapsingToggleStyle: {
+    type: Boolean,
+    default: false,
   },
 })
+
+function toggle() {
+  if (!props.disabled) {
+    emit('update:modelValue', !props.modelValue)
+  }
+}
 </script>
 
 <style lang="scss" scoped>

From bc2557714661b686d91fea72984438fc25295a4f Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <mysteriousdevs@gmail.com>
Date: Sun, 29 Oct 2023 11:44:50 +0100
Subject: [PATCH 2/4] Apply suggestions from brawaru

---
 lib/components/base/Checkbox.vue | 48 +++++++++++++++-----------------
 1 file changed, 22 insertions(+), 26 deletions(-)

diff --git a/lib/components/base/Checkbox.vue b/lib/components/base/Checkbox.vue
index 5d65900f9..f5081fe71 100644
--- a/lib/components/base/Checkbox.vue
+++ b/lib/components/base/Checkbox.vue
@@ -23,34 +23,30 @@
     <slot v-else />
   </div>
 </template>
-<script setup>
+<script setup lang="ts">
 import { CheckIcon, DropdownIcon } from '@'
 
-const emit = defineEmits(['update:modelValue'])
-
-const props = defineProps({
-  label: {
-    type: String,
-    default: '',
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  description: {
-    type: String,
-    default: '',
-  },
-  modelValue: Boolean,
-  clickEvent: {
-    type: Function,
-    default: () => {},
-  },
-  collapsingToggleStyle: {
-    type: Boolean,
-    default: false,
-  },
-})
+const emit = defineEmits<{
+	'update:modelValue': [boolean]
+}>()
+
+const props = withDefaults(
+  defineProps<{
+    label: string,
+    disabled: boolean,
+    description: string,
+    modelValue: boolean,
+    clickEvent: Function,
+    collapsingToggleStyle: boolean
+  }>(),
+  {
+    label: '',
+    disabled: false,
+    description: '',
+    clickEvent: () => {},
+    collapsingToggleStyle: false,
+  }
+)
 
 function toggle() {
   if (!props.disabled) {

From 75fbb79531eadaa9afefea325ed185cb37f1c483 Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <mysteriousdevs@gmail.com>
Date: Sun, 29 Oct 2023 11:50:47 +0100
Subject: [PATCH 3/4] Fix lint error

---
 lib/components/base/Checkbox.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/lib/components/base/Checkbox.vue b/lib/components/base/Checkbox.vue
index f5081fe71..91da647b3 100644
--- a/lib/components/base/Checkbox.vue
+++ b/lib/components/base/Checkbox.vue
@@ -27,16 +27,16 @@
 import { CheckIcon, DropdownIcon } from '@'
 
 const emit = defineEmits<{
-	'update:modelValue': [boolean]
+  'update:modelValue': [boolean]
 }>()
 
 const props = withDefaults(
   defineProps<{
-    label: string,
-    disabled: boolean,
-    description: string,
-    modelValue: boolean,
-    clickEvent: Function,
+    label: string
+    disabled: boolean
+    description: string
+    modelValue: boolean
+    clickEvent: () => void
     collapsingToggleStyle: boolean
   }>(),
   {

From a0c536f75bbf0c521995c644a0ae0f1315d0210c Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <mysteriousdevs@gmail.com>
Date: Sun, 29 Oct 2023 17:16:54 +0100
Subject: [PATCH 4/4] Apply suggestions from brawaru

---
 lib/components/base/Checkbox.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/lib/components/base/Checkbox.vue b/lib/components/base/Checkbox.vue
index 91da647b3..6f29a7721 100644
--- a/lib/components/base/Checkbox.vue
+++ b/lib/components/base/Checkbox.vue
@@ -33,16 +33,17 @@ const emit = defineEmits<{
 const props = withDefaults(
   defineProps<{
     label: string
-    disabled: boolean
+    disabled?: boolean
     description: string
     modelValue: boolean
-    clickEvent: () => void
-    collapsingToggleStyle: boolean
+    clickEvent?: () => void
+    collapsingToggleStyle?: boolean
   }>(),
   {
     label: '',
     disabled: false,
     description: '',
+    modelValue: false,
     clickEvent: () => {},
     collapsingToggleStyle: false,
   }