관리자 기능과 태그 표시 설정 추가

pages/pages/[slug].vue

@@ -2,6 +2,18 @@
 definePageMeta({
   layout: 'page'
 })
+
+const route = useRoute()
+const slug = computed(() => String(route.params.slug || ''))
+
+const { data: page } = await useFetch(() => `/api/pages/${slug.value}`)
+
+if (!page.value) {
+  throw createError({
+    statusCode: 404,
+    statusMessage: '페이지를 찾을 수 없습니다.'
+  })
+}
 </script>
 
 <template>
@@ -10,10 +22,10 @@ definePageMeta({
       Page
     </p>
     <h1 class="static-page__title mt-4 text-5xl font-semibold leading-tight">
-      고정 페이지
+      {{ page.title }}
     </h1>
-    <p class="static-page__description mt-6 text-lg leading-8 text-muted">
-      About, Projects, Links, Contact 같은 고정 페이지는 헤더와 사이드바 없이 본문 중심으로 표시합니다.
+    <p class="static-page__description mt-6 whitespace-pre-line text-lg leading-8 text-muted">
+      {{ page.content }}
     </p>
   </article>
 </template>