fix(code-block): prism client and prerendered syntax highlighting (#1973

) * fix(code-block): prism clinet and prerendered syntax highlighting * chore(code-block): add changeset * chore(code-block): update changeset verbiage Co-authored-by: Benny Powers - עם ישראל חי! <[email protected]> --------- Co-authored-by: Benny Powers - עם ישראל חי! <[email protected]>
RedHat-UX · Oct 8, 2024 · 613e827 · 613e827
1 parent e59f64c
commit 613e827
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/nasty-wolves-bake.md b/.changeset/nasty-wolves-bake.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-code-block>`: ensure that syntax colours and styles are applied when the element upgrades
diff --git a/elements/rh-code-block/docs/30-code.md b/elements/rh-code-block/docs/30-code.md
@@ -26,7 +26,7 @@ use the correct mime type for your content, e.g. `text/html` for HTML content.
 
 <rh-alert state="warning">
  <h3 slot="header">Warning</h3>
-  <p>When slotting HTML content into the code-block, if that HTML content contains a `</script>` end tag, you must escape it.</p>
+  <p>When slotting HTML content into the code-block, if that HTML content contains a <code>&lt;/script&gt;</code> end tag, you must escape it.</p>
 </rh-alert>
 
 One approach to escaping script tags that is to close the containing `<script 

diff --git a/elements/rh-code-block/rh-code-block.ts b/elements/rh-code-block/rh-code-block.ts
@@ -150,6 +150,7 @@ export class RhCodeBlock extends LitElement {
   override connectedCallback() {
     super.connectedCallback();
     this.#ro.observe(this);
+    this.#onSlotChange();
   }
 
   override disconnectedCallback() {