fix: computed 를 사용해서 showHeader 값을 reactive 하게 가져오도록 수정

Author: toothlessdev

src/components/PostLayout/PostLayout.vue

@@ -1,14 +1,15 @@
 <script setup>
 import { useData } from "vitepress";
+import { computed } from "vue";
 import DefaultTheme from "vitepress/theme";
 import PostComment from "@/components/PostComment/PostComment.vue";
 import PostHeader from "@/components/PostHeader/PostHeader.vue";
 const { Layout } = DefaultTheme;
 
 const { frontmatter } = useData();
 
-const showHeader = Boolean(frontmatter.value.title);
-const showComments = frontmatter.value.comment === true;
+const showHeader = computed(() => Boolean(frontmatter.value.title));
+const showComments = computed(() => frontmatter.value.comment === true);
 </script>
 
 <template>