From c82ceff7eb2fa77ca2a268562c0ff47c8b0f1e66 Mon Sep 17 00:00:00 2001
From: "Fred K. Schott" <fkschott@gmail.com>
Date: Thu, 18 Nov 2021 22:21:58 -0800
Subject: [PATCH] fix #1778

---
 .changeset/four-kids-melt.md          | 5 +++++
 packages/astro/components/Debug.astro | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/four-kids-melt.md

diff --git a/.changeset/four-kids-melt.md b/.changeset/four-kids-melt.md
new file mode 100644
index 000000000..4b6d7700e
--- /dev/null
+++ b/.changeset/four-kids-melt.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Bug fix for Debug when passed JSON contain HTML strings
diff --git a/packages/astro/components/Debug.astro b/packages/astro/components/Debug.astro
index c25ce0f0e..85e90bbb7 100644
--- a/packages/astro/components/Debug.astro
+++ b/packages/astro/components/Debug.astro
@@ -1,4 +1,6 @@
 ---
+import Code from './Code.astro';
+
 const key = Object.keys(Astro.props)[0];
 const value = Astro.props[key];
 ---
@@ -8,7 +10,7 @@ const value = Astro.props[key];
     <h2 class="debug-title"><span class="debug-label">Debug</span> <span class="debug-name">"{key}"</span></h2>
   </div>
 
-  <pre>{JSON.stringify(value, null, 2)}</pre>
+  <Code code={JSON.stringify(value, null, 2)} />
 </div>
 
 <style>