fix: summary is not rendered correctly

src/components/Post.astro

@@ -52,6 +52,10 @@ const postLink = `/${post.data.category}/${post.slug}`;
 // Create post content as an astro component
 const { Content } = await post.render();
 
+const copyPost = post;
+copyPost.body = copyPost.body.slice(0, 500);
+const { Content: Summary } = await copyPost.render();
+
 import { Image } from "astro:assets";
 import questionMark from "@/images/questionMark.svg";
 import calendar from "@/images/calendar.svg";
@@ -101,9 +105,7 @@ import calendar from "@/images/calendar.svg";
   {
     options.longSummary && (
       <>
-        <p class="post-long-summary">
+        <Summary />
-          {post.body.slice(0, 500).replace(/(<([^>]+)>)/gi, "")}
-        </p>
         {post.body.length > 500 && (
           <a
             class="text-inherit text-sm"

src/content/blog/acilis.md

@@ -6,7 +6,7 @@ subcategory: Duyuru
 date: 2024-07-25
 ---
 
-Sabırsızlıkla beklenen [blog.log101.dev](https://blog.log101.dev) yayın hayatına başlıyor. Yazılım, edebiyat ve felsefen üzerine, lafın uzatılmadan anlatıldığı yazılar yakında sekmelerinizi süslemeye başlayacak. [Hakkımda](https://blog.log101.dev/about) sayfasına da bir göz atın derim!
+Sabırsızlıkla beklenen [blog.log101.dev](https://blog.log101.dev) yayın hayatına başlıyor. Yazılım, edebiyat ve felsefe üzerine, lafın uzatılmadan anlatıldığı yazılar yakında sekmelerinizi süslemeye başlayacak. [Hakkımda](https://blog.log101.dev/about) sayfasına da bir göz atın derim!