chore: address comments and test on branch

Signed-off-by: Aaron Pham <contact@aarnphm.xyz>

quartz.layout.ts

@@ -5,7 +5,21 @@ import * as Component from "./quartz/components"
 export const sharedPageComponents: SharedLayout = {
   head: Component.Head(),
   header: [],
-  afterBody: [],
+  afterBody: [
+    Component.Comments({
+      provider: "giscus",
+      options: {
+        // from data-repo
+        repo: "jackyzha0/quartz",
+        // from data-repo-id
+        repoId: "MDEwOlJlcG9zaXRvcnkzODcyMTMyMDg",
+        // from data-category
+        category: "Announcements",
+        // from data-category-id
+        categoryId: "DIC_kwDOFxRnmM4B-Xg6",
+      },
+    }),
+  ],
   footer: Component.Footer({
     links: {
       GitHub: "https://github.com/jackyzha0/quartz",

quartz/components/scripts/comments.inline.ts

@@ -1,7 +1,3 @@
-function boolToStringBool(b: boolean): string {
-  return b ? "1" : "0"
-}
-
 const changeTheme = (e: CustomEventMap["themechange"]) => {
   const theme = e.detail.theme
   const iframe = document.querySelector("iframe.giscus-frame") as HTMLIFrameElement