From e62f47ae63d9a643532c863a634d7557defb95d7 Mon Sep 17 00:00:00 2001
From: Sam Wray <sam@wray.pro>
Date: Sun, 13 Nov 2022 01:11:39 +0000
Subject: [PATCH] fix(checkbox): add boolean emission prop (#792)

---
 src/components/Control.vue         |  6 +++++-
 src/components/inputs/Checkbox.vue | 11 ++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/Control.vue b/src/components/Control.vue
index ed1a74a14..977bf1d08 100644
--- a/src/components/Control.vue
+++ b/src/components/Control.vue
@@ -48,7 +48,11 @@
         <input type="text" v-model="internalValue" />
       </div>
       <div class="input" v-else-if="type === 'bool'">
-        <Checkbox :class="{ light: !inputIsFocused }" v-model="internalValue" />
+        <Checkbox
+          :class="{ light: !inputIsFocused }"
+          v-model="internalValue"
+          :emitBoolean="true"
+        />
       </div>
       <div class="input" v-else-if="type === 'color'">
         <ColorControl
diff --git a/src/components/inputs/Checkbox.vue b/src/components/inputs/Checkbox.vue
index c017b4194..8c1555afa 100644
--- a/src/components/inputs/Checkbox.vue
+++ b/src/components/inputs/Checkbox.vue
@@ -15,6 +15,11 @@ export default {
     allowPartial: {
       type: Boolean,
       default: false
+    },
+
+    emitBoolean: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -53,7 +58,11 @@ export default {
         value = 0;
       }
 
-      this.$emit("input", value);
+      if (this.emitBoolean) {
+        this.$emit("input", Boolean(value));
+      } else {
+        this.$emit("input", value);
+      }
     }
   }
 };