From 52daca07a7fa1e8206137d7e953661a5ce88e04d Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 2 Jun 2023 10:11:34 -0400
Subject: [PATCH] WIP update code for checkbox.

---
 .../checkbox-question/checkbox-question.vue   | 40 ++++++-------------
 .../customer-details/customer-details.vue     |  2 +-
 2 files changed, 13 insertions(+), 29 deletions(-)

diff --git a/src/digital-components/checkbox-question/checkbox-question.vue b/src/digital-components/checkbox-question/checkbox-question.vue
index fc8174a72..7955c54f7 100644
--- a/src/digital-components/checkbox-question/checkbox-question.vue
+++ b/src/digital-components/checkbox-question/checkbox-question.vue
@@ -20,37 +20,18 @@
 <script>
 export default {
     name: "checkboxQuestion",
-    setup(props) {
-        const inputId = !props.customInputId ? `input-${crypto.randomUUID()}` : props.customInputId;
-
-        const propsClone = Object.assign({}, props);
-        const modelValue = propsClone.modelValue;
-        let initialValue;
-
-        switch (typeof modelValue) {
-            case "checked":
-                initialValue = modelValue;
-                break;
-            default:
-                initialValue = modelValue && modelValue.checked === false ? modelValue : "";
-                break;
-        }
-
-        const fieldOptions = {
-            type: "checkbox",
-            value: modelValue,
-            initialValue: initialValue,
-        };
-    },
-    data() {
-        return {
-            value: [],
-        };
-    },
     computed: {
         checkboxLabelCopy() {
             return this.getCmsContent("TextMeQuestionWidget", "QuestionText");
         },
+        value: {
+            get: function () {
+                return this.modelValue;
+            },
+            set: function (newValue) {
+                this.$emit("update:modelValue", newValue);
+            },
+        },
     },
     props: {
         cmsWidgetName: String,
@@ -60,7 +41,10 @@ export default {
         screenReaderOnlyText: String,
         isRequired: Boolean,
         hasError: Boolean,
-        modelValue: Boolean,
+        modelValue: {
+            type: Boolean,
+            default: false,
+        },
     },
 };
 </script>
diff --git a/src/layouts/customer-details/customer-details.vue b/src/layouts/customer-details/customer-details.vue
index 50212ad48..acbcb621b 100644
--- a/src/layouts/customer-details/customer-details.vue
+++ b/src/layouts/customer-details/customer-details.vue
@@ -109,7 +109,7 @@ export default {
             lastName: "",
             emailAddress: "",
             phoneNumber: "",
-            textMeUpdates: "",
+            textMeUpdates: null,
         };
     },
     computed: {