<template>
  <article class="board-basic-detail">
    <h1>{{ post.title }}</h1>
    <div class="meta"><span>{{ post.author }}</span> · <span>{{ post.date }}</span> · 조회 {{ post.views }}</div>
    <div class="body" v-html="post.body"></div>
  </article>
</template>
<script setup>defineProps({ post: { type:Object, default: ()=>({}) } });</script>
<style scoped>
.board-basic-detail { max-width:880px; margin:24px auto; padding:24px; }
h1 { font-size:28px; margin:0 0 12px; }
.meta { color:#666; font-size:13px; padding-bottom:16px; border-bottom:1px solid #eee; }
.body { padding:24px 0; line-height:1.7; }
</style>
