From ae1c0207ded882cfa6bacc7adbab7e440fe1f28c Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Thu, 5 Oct 2023 20:35:20 -0700
Subject: [PATCH] chore: cleans up v-model for toggle

---
 assets/components/common/Toggle.vue | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/assets/components/common/Toggle.vue b/assets/components/common/Toggle.vue
index 9bf8295e..ecff406b 100644
--- a/assets/components/common/Toggle.vue
+++ b/assets/components/common/Toggle.vue
@@ -1,11 +1,6 @@
 <template>
   <label class="label inline-flex cursor-pointer gap-4 font-normal">
-    <input
-      type="checkbox"
-      class="toggle toggle-primary hover:bg-primary-focus"
-      :checked="modelValue"
-      @click="toggle()"
-    />
+    <input type="checkbox" class="toggle toggle-primary hover:bg-primary-focus" v-model="modelValue" />
     <slot />
   </label>
 </template>
@@ -14,6 +9,4 @@
 const { modelValue } = defineModels<{
   modelValue: boolean;
 }>();
-
-const toggle = useToggle(modelValue);
 </script>