<template>
  <ul class="comment-flat">
    <li v-for="c in comments" :key="c.id">
      <b>{{ c.author }}</b><span class="dot">·</span><small>{{ c.date }}</small>
      <p>{{ c.body }}</p>
    </li>
  </ul>
</template>
<script setup>defineProps({ comments: { type:Array, default: ()=>[] } });</script>
<style scoped>
.comment-flat { list-style:none; padding:0; margin:0; }
.comment-flat li { padding:14px 0; border-bottom:1px solid #eee; }
.dot { margin:0 8px; color:#bbb; }
p { margin:6px 0 0; color:#333; line-height:1.6; }
</style>
