diff --git a/quartz/components/Comments.tsx b/quartz/components/Comments.tsx index 87aff954c..8e4494026 100644 --- a/quartz/components/Comments.tsx +++ b/quartz/components/Comments.tsx @@ -17,6 +17,10 @@ type Options = { } } +function boolToStringBool(b: boolean): string { + return b ? "1" : "0" +} + export default ((opts: Options) => { const Comments: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => { return ( @@ -27,8 +31,8 @@ export default ((opts: Options) => { data-category={opts.options.category} data-category-id={opts.options.categoryId} data-mapping={opts.options.mapping ?? "url"} - data-strict={opts.options.strict ?? true} - data-reactions-enabled={opts.options.reactionsEnabled ?? true} + data-strict={boolToStringBool(opts.options.strict ?? true)} + data-reactions-enabled={boolToStringBool(opts.options.reactionsEnabled ?? true)} data-input-position={opts.options.inputPosition ?? "bottom"} > ) diff --git a/quartz/components/scripts/comments.inline.ts b/quartz/components/scripts/comments.inline.ts index 7025dd4b9..25ef1b79a 100644 --- a/quartz/components/scripts/comments.inline.ts +++ b/quartz/components/scripts/comments.inline.ts @@ -32,8 +32,8 @@ type GiscusElement = Omit & { category: string categoryId: string mapping: "url" | "title" | "og:title" | "specific" | "number" | "pathname" - strict: boolean - reactionsEnabled: boolean + strict: string + reactionsEnabled: string inputPosition: "top" | "bottom" } } @@ -55,11 +55,8 @@ document.addEventListener("nav", () => { giscusScript.setAttribute("data-category", giscusContainer.dataset.category) giscusScript.setAttribute("data-category-id", giscusContainer.dataset.categoryId) giscusScript.setAttribute("data-mapping", giscusContainer.dataset.mapping) - giscusScript.setAttribute("data-strict", boolToStringBool(giscusContainer.dataset.strict)) - giscusScript.setAttribute( - "data-reactions-enabled", - boolToStringBool(giscusContainer.dataset.reactionsEnabled), - ) + giscusScript.setAttribute("data-strict", giscusContainer.dataset.strict) + giscusScript.setAttribute("data-reactions-enabled", giscusContainer.dataset.reactionsEnabled) giscusScript.setAttribute("data-input-position", giscusContainer.dataset.inputPosition) const theme = document.documentElement.getAttribute("saved-theme")