diff --git a/src/layouts/PagesLayout.astro b/src/layouts/PagesLayout.astro index 5541a06..f085dc7 100644 --- a/src/layouts/PagesLayout.astro +++ b/src/layouts/PagesLayout.astro @@ -106,22 +106,24 @@ for (const entry of pagesIndex) { import { thp_highlighter, CodeJar } from "../lexer/highlighter"; // Add an editor to all code samples - const code_elements = document.querySelectorAll(".language-thp"); + document.addEventListener("DOMContentLoaded", () => { + const code_elements = document.querySelectorAll(".language-thp"); - for (const e of [...code_elements]) { - const el = e as HTMLElement; - const pre_parent = el.parentElement!; - const new_div = document.createElement("div"); - const code = el.innerText; + for (const e of [...code_elements]) { + const el = e as HTMLElement; + const pre_parent = el.parentElement!; + const new_div = document.createElement("div"); + const code = el.innerText; - el.parentElement!.className = "language-thp"; - pre_parent.removeChild(el); - pre_parent.appendChild(new_div); + el.parentElement!.className = "language-thp"; + pre_parent.removeChild(el); + pre_parent.appendChild(new_div); - CodeJar(new_div, thp_highlighter, { - tab: " ", - }).updateCode(code); - } + CodeJar(new_div, thp_highlighter, { + tab: " ", + }).updateCode(code); + } + });