관리자 블록형 글쓰기 추가

pages/pages/[slug].vue

@@ -24,8 +24,8 @@ if (!page.value) {
     <h1 class="static-page__title mt-4 text-5xl font-semibold leading-tight">
       {{ page.title }}
     </h1>
-    <p class="static-page__description mt-6 whitespace-pre-line text-lg leading-8 text-muted">
-      {{ page.content }}
-    </p>
+    <ContentRenderer class="static-page__content mt-8">
+      <ContentMarkdownRenderer :content="page.content" />
+    </ContentRenderer>
   </article>
 </template>

pages/posts/[slug].vue

@@ -29,8 +29,6 @@ const postTag = computed(() => post.value.tags?.[0]?.toUpperCase() || 'POST')
       </h1>
     </ProseHeaderCard>
 
-    <p class="post-detail__content whitespace-pre-line">
-      {{ post.content }}
-    </p>
+    <ContentMarkdownRenderer class="post-detail__content" :content="post.content" />
   </ContentRenderer>
 </template>