Convert Checkbox component to Composition API

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>