From c20d747f38ec5f3d5d5dc19856fe4dfc955366a9 Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Sat, 10 Jan 2026 21:50:23 +0700
Subject: [PATCH] docs: fix Image component typo and prevent code fence
 formatting (#605)

---
 src/data/blog/how-to-configure-astropaper-theme.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/data/blog/how-to-configure-astropaper-theme.md b/src/data/blog/how-to-configure-astropaper-theme.md
index 4160d2b..9739fa3 100644
--- a/src/data/blog/how-to-configure-astropaper-theme.md
+++ b/src/data/blog/how-to-configure-astropaper-theme.md
@@ -142,12 +142,13 @@ If your logo is an image but not SVG, you can use Astro's Image component.
 
 - Then, replace `{SITE.title}` with imported logo.
 
+  <!-- prettier-ignore -->
   ```html
   <a
     href="/"
     class="absolute py-1 text-left text-2xl leading-7 font-semibold whitespace-nowrap sm:static"
   >
-    <image src="{dummyLogo}" alt="Dummy Blog" class="dark:invert" />
+    <Image src="{dummyLogo}" alt="Dummy Blog" class="dark:invert" />
     <!-- {SITE.title} -->
   </a>
   ```