<template>
  <form class="board-basic-write" @submit.prevent="$emit('submit')">
    <input v-model="title" placeholder="제목" />
    <textarea v-model="body" placeholder="내용을 입력하세요" rows="14"></textarea>
    <button type="submit">등록</button>
  </form>
</template>
<script setup>import { ref } from 'vue'; const title=ref(''); const body=ref(''); defineEmits(['submit']);</script>
<style scoped>
.board-basic-write { max-width:880px; margin:24px auto; display:flex; flex-direction:column; gap:10px; padding:24px; }
input, textarea { border:1px solid #ddd; border-radius:6px; padding:12px; font-size:14px; }
button { background:#0f5fa8; color:#fff; padding:12px 24px; border:0; border-radius:6px; font-weight:700; align-self:flex-end; cursor:pointer; }
</style>
