fix CheckboxForm modelValue test

src/page/OgImageGeneratorPage.vue

@@ -404,7 +404,7 @@ export default {
       tool: localStorage.getItem('tool') ?? 'heading',
       author: localStorage.getItem('author') ?? 'Author name',
       authorSize: localStorage.getItem('authorSize') ?? 1.5,
-      authorShow: localStorage.getItem('authorShow') ?? 1,
+      authorShow: localStorage.getItem('authorShow') ?? true,
       authorPadding: localStorage.getItem('authorPadding') ?? 10,
       authorAlign: localStorage.getItem('authorAlign') ?? 'left',
       authorTextColor: localStorage.getItem('authorTextColor') ?? '#fff9e6',
@@ -427,7 +427,7 @@ export default {
       width: localStorage.getItem('width') ?? 1200,
       height: localStorage.getItem('height') ?? 600,
       contentPadding: localStorage.getItem('contentPadding') ?? 20,
-      allowHtml: localStorage.getItem('allowHtml') ?? 0,
+      allowHtml: localStorage.getItem('allowHtml') ?? false,
       ogMaxWidth: 100,
       tools: {
         heading: 'Heading',

src/ui/CheckboxForm.vue

@@ -3,7 +3,7 @@
     :id="id"
     class="mr-2 rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
     type="checkbox"
-    :checked="modelValue === 'true'"
+    :checked="modelValue === 'true' || modelValue === true"
     :class="$attrs.class"
     @change="$emit('change', $event)"
     @input="$emit('update:modelValue', $event.target.checked)"