diff --git a/quartz/components/Comments.tsx b/quartz/components/Comments.tsx index 0bfd82d2d..a7315214f 100644 --- a/quartz/components/Comments.tsx +++ b/quartz/components/Comments.tsx @@ -17,6 +17,7 @@ type Options = { strict?: boolean reactionsEnabled?: boolean inputPosition?: "top" | "bottom" + lang?: string } } @@ -50,6 +51,7 @@ export default ((opts: Options) => { data-theme-url={ opts.options.themeUrl ?? `https://${cfg.baseUrl ?? "example.com"}/static/giscus` } + data-lang={opts.options.lang ?? "en"} > ) } diff --git a/quartz/components/scripts/comments.inline.ts b/quartz/components/scripts/comments.inline.ts index c54230fbe..2b876bf6b 100644 --- a/quartz/components/scripts/comments.inline.ts +++ b/quartz/components/scripts/comments.inline.ts @@ -55,6 +55,7 @@ type GiscusElement = Omit & { strict: string reactionsEnabled: string inputPosition: "top" | "bottom" + lang: string } } @@ -78,7 +79,7 @@ document.addEventListener("nav", () => { giscusScript.setAttribute("data-strict", giscusContainer.dataset.strict) giscusScript.setAttribute("data-reactions-enabled", giscusContainer.dataset.reactionsEnabled) giscusScript.setAttribute("data-input-position", giscusContainer.dataset.inputPosition) - + giscusScript.setAttribute("data-lang", giscusContainer.dataset.lang) const theme = document.documentElement.getAttribute("saved-theme") if (theme) { giscusScript.setAttribute("data-theme", getThemeUrl(getThemeName(theme)))