From 2e0575052c97de2ea7a6c53a103809ac1738c33a Mon Sep 17 00:00:00 2001
From: jtubau <jtubau@verdnatura.es>
Date: Tue, 28 Jan 2025 14:23:28 +0100
Subject: [PATCH] refactor: refs #7411 update VnCheckbox component to use
 defineModel for modelValue binding

---
 src/components/common/VnCheckbox.vue | 16 +++-------------
 1 file changed, 3 insertions(+), 13 deletions(-)

diff --git a/src/components/common/VnCheckbox.vue b/src/components/common/VnCheckbox.vue
index e3bd4de66..09b054e54 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>