Parse CMS text correctly

src/digital-components/checkbox-question/checkbox-question.vue

@@ -14,7 +14,7 @@
                 :id="inputId"
                 :tabindex="tabIndex"
                 :aria-required="isRequired" />
-            <p v-html="checkboxLabelCopy" class="m-0"></p>
+            <textBlock class="m-0" :customText="checkboxLabelCopy" marginTopSizeOverride="0" typeStyle="small" />
             <span v-if="screenReaderOnlyText" class="sr-only">{{ screenReaderOnlyText }}</span>
         </label>
     </div>
@@ -23,6 +23,7 @@
 <script>
 import { useField, validate } from "vee-validate";
 import { v4 as uuidv4 } from "uuid";
+import textBlock from "@/digital-components/text-block/text-block";
 
 export default {
     name: "checkboxQuestion",
@@ -86,6 +87,9 @@ export default {
             this.$emit("update:modelValue", newValue);
         },
     },
+    components: {
+        textBlock,
+    },
 };
 </script>