feat: lab04 done

2025-03-22 03:00:21 +08:00
parent 426b492eb0
commit 6dd697471b
15 changed files with 195 additions and 147 deletions
@@ -0,0 +1,22 @@
+<script setup>
+import BoardForm from '../components/Board/BoardForm.vue';
+import BoardMessage from '../components/Board/BoardMessage.vue';
+import { ref } from 'vue';
+
+const messages = ref([]);
+
+const onSubmit = (message) => {
+  messages.value.push(message);
+};
+</script>
+
+<template>
+  <div class="ts-container">
+    <BoardForm @new-message="onSubmit" />
+    <div class="ts-content is-horizontally-fitted is-vertically-padded">
+      <div class="ts-wrap is-vertical">
+        <BoardMessage :message="message" v-for="message in messages" :key="message.id" />
+      </div>
+    </div>
+  </div>
+</template>