fix,refac: 회의실에서 줄 바꿈이 표기 안되는 버그 수정

hwe/ts/components/BoardArticle.vue

@@ -20,7 +20,7 @@
       </div>
     </div>
     <div class="commentList">
-      <board-comment v-for="comment in article.comment" :key="comment.no" :comment="comment" />
+      <BoardComment v-for="comment in article.comment" :key="comment.no" :comment="comment" />
     </div>
     <div class="row gx-0">
       <div class="bg2 inputCommentHeader center d-grid">
@@ -98,8 +98,8 @@ async function submitComment() {
 }
 </script>
 
-<style>
-td.text {
+<style scoped>
+.text {
   white-space: pre;
 }
 </style>

hwe/ts/components/BoardComment.vue

@@ -15,17 +15,14 @@
     </div>
   </div>
 </template>
-<script lang="ts">
+<script setup lang="ts">
 import type { BoardCommentItem } from "@/PageBoard.vue";
-import { defineComponent, type PropType } from "vue";
+import type { PropType } from "vue";
 
-export default defineComponent({
-  name: "BoardComment",
-  props: {
-    comment: {
-      type: Object as PropType<BoardCommentItem>,
-      required: true,
-    },
+defineProps({
+  comment: {
+    type: Object as PropType<BoardCommentItem>,
+    required: true,
   },
 });
 </script>