Update details

Author: janniks

dev/serve.vue

@@ -22,6 +22,7 @@ export default {
   async created() {
     // react-notion tester: 2e22de6b770e4166be301490f6ffd420
     // equation tester: 2a1d5226d68246deba627012081693f9
+    // todo tester: 235057194b954a60ace89c052a65d102
     this.blockMap = await getPageBlocks("2e22de6b770e4166be301490f6ffd420");
   },
 };

src/blocks/todo.vue

@@ -3,7 +3,7 @@
     <input
       type="checkbox"
       :value="title"
-      :checked="!!properties.checked"
+      :checked="properties.checked"
       disabled="disabled"
     />
     <label>
@@ -13,6 +13,9 @@
 </template>
 
 <script>
+// TODO: add notion styling
+// TODO: add strikethrough
+
 import Blockable from "@/lib/blockable";
 import NotionTextRenderer from "@/blocks/helpers/text-renderer";
 

src/components/block.vue

@@ -4,7 +4,10 @@
       <slot />
     </NotionPage>
   </div>
-  <NotionHeader v-else-if="isType(['header', 'sub_header', 'sub_sub_header'])" v-bind="pass" />
+  <NotionHeader
+    v-else-if="isType(['header', 'sub_header', 'sub_sub_header'])"
+    v-bind="pass"
+  />
   <NotionBookmark v-else-if="isType('bookmark')" v-bind="pass" />
   <NotionCallout v-else-if="isType('callout')" v-bind="pass" />
   <NotionCode v-else-if="isType('code')" v-bind="pass" />
@@ -21,10 +24,16 @@
   <NotionColumn v-else-if="isType('column')" :format="format">
     <slot />
   </NotionColumn>
-  <NotionList v-else-if="isType(['bulleted_list', 'numbered_list'])" v-bind="pass">
+  <NotionList
+    v-else-if="isType(['bulleted_list', 'numbered_list'])"
+    v-bind="pass"
+  >
     <slot />
   </NotionList>
-  <NotionFigure v-else-if="isType(['image', 'embed', 'figma', 'video'])" v-bind="pass" />
+  <NotionFigure
+    v-else-if="isType(['image', 'embed', 'figma', 'video'])"
+    v-bind="pass"
+  />
   <hr v-else-if="isType('divider')" class="notion-hr" />
   <div v-else-if="todo && visible">
     todo: {{ type }}