diff --git a/src/components/common/VnCheckbox.vue b/src/components/common/VnCheckbox.vue
index e3bd4de661..09b054e545 100644
--- a/src/components/common/VnCheckbox.vue
+++ b/src/components/common/VnCheckbox.vue
@@ -1,13 +1,9 @@
 <script setup>
-import { computed } from 'vue';
+import { defineModel } from 'vue';
 
-const emit = defineEmits(['update:modelValue']);
+const modelValue = defineModel({ type: Boolean, default: false });
 
 const $props = defineProps({
-    modelValue: {
-        type: [Boolean],
-        default: null,
-    },
     label: {
         type: String,
         default: null,
@@ -17,19 +13,13 @@ const $props = defineProps({
         default: null,
     },
 });
-
-const isChecked = computed({
-  get: () => $props.modelValue,
-  set: (value) => emit('update:modelValue', value),
-});
-
 </script>
 
 <template>
     <div>
         <QCheckbox
             :label="label"
-            v-model="isChecked"
+            v-model="modelValue"
         />
         <QIcon v-if="info" class="cursor-info q-ml-sm" name="info" size="sm" v-bind="$attrs">
             <QTooltip>