Merge branch 'client-syntax-highlight' into bundlesize-compare-client…

…-syntax-highlight
mdn · Sep 9, 2024 · 2869e00 · 2869e00
2 parents ca6031d + 713d8d8
commit 2869e00
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/client/src/document/hooks.ts b/client/src/document/hooks.ts
@@ -13,7 +13,6 @@ import {
 } from "./code/playground";
 import { addCopyToClipboardButton } from "./code/copy";
 import { useUIStatus } from "../ui-context";
-import { highlightElement } from "./code/syntax-highlight";
 
 export function useDocumentURL() {
   const locale = useLocale();
@@ -119,10 +118,12 @@ export function useDecorateExamples(doc: Doc | undefined) {
         } else {
           addCopyToClipboardButton(element, header);
         }
-        highlightElement(
-          element,
-          header?.querySelector(".language-name")?.textContent || "plain"
-        );
+        import("./code/syntax-highlight").then(({ highlightElement }) => {
+          highlightElement(
+            element,
+            header?.querySelector(".language-name")?.textContent || "plain"
+          );
+        });
       });
   }, [doc, location]);
 }