fix(code_block): compute syntax highlighting on mount + minor fix+ remove call to unexisting client-side window.Prism.highlightAll method
@@ -1,10 +1,10 @@
{
- "_generatedAtUnix": 1664216834399,
+ "_generatedAtUnix": 1664217744066,
"_hashAlgorithm": "sha1",
"_version": 2,
"islands": {
"Code": {
- "hash": "44d91f8017e888590b18ac52bb41053fb603aa09",
+ "hash": "14b04c4f40b789d15f9f4663e9f8935729d4f61e",
"pathSource": "./app/islands/Code.tsx",
"pathBundle": "./public/.islands/Code.bundle.js",
"pathSourceMap": "./public/.islands/Code.bundle.js.map"
@@ -60,11 +60,10 @@ const Code: ReactIsland<CodeProps & WithThemeSchemeProp> = ({
const onClientSideRouterLoadComplete = useCallback(() => {
setInnerHtml(computeSyntaxHighlighting());
- window.Prism.highlightAll();
}, [computeSyntaxHighlighting, setInnerHtml]);
useEffect(() => {
- computeSyntaxHighlighting();
+ setInnerHtml(computeSyntaxHighlighting());
document.addEventListener(
ClientSideRouterEvents.NAVIGATED,
onClientSideRouterLoadComplete