From a4582d0765a375365a2be29316ded2deb7fed3a6 Mon Sep 17 00:00:00 2001
From: Adam Johnson <adam.b.johnson1@gmail.com>
Date: Tue, 8 Oct 2024 16:20:46 -0400
Subject: [PATCH] fix(code-block): prism syntax highlighting

---
 elements/rh-code-block/docs/30-code.md  | 2 +-
 elements/rh-code-block/rh-code-block.ts | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/elements/rh-code-block/docs/30-code.md b/elements/rh-code-block/docs/30-code.md
index 38a49d87f5..b044258817 100644
--- 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
index 3469cc543c..30b48e4b1e 100644
--- 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() {