From 74b4c02e8682407dad2b1adc101aea0d77dd9718 Mon Sep 17 00:00:00 2001
From: sa_yoshiii <sayako.yoshikawa1129@gmail.com>
Date: Sun, 10 Jul 2022 00:42:27 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=81=E3=83=A3=E3=83=83=E3=83=88=E7=94=BB?=
 =?UTF-8?q?=E9=9D=A2=E3=82=92=E4=BD=9C=E3=82=8A=E8=BE=BC=E3=82=93=E3=81=A7?=
 =?UTF-8?q?=E8=A1=8C=E3=81=93=E3=81=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ChatBoard.vue | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/views/ChatBoard.vue b/src/views/ChatBoard.vue
index bef6a35..f2a66fd 100644
--- a/src/views/ChatBoard.vue
+++ b/src/views/ChatBoard.vue
@@ -14,9 +14,9 @@
                     </v-list-item-avatar>
 
                     <v-list-item-content>
-                      <v-list-item-title>Message {{ n }}</v-list-item-title>
+                      <!-- <v-list-item-title>Message {{ n }}</v-list-item-title> -->
 
-                      <v-list-item-subtitle>
+                      <v-list-item-subtitle class="message">
                         Lorem ipsum dolor sit amet, consectetur adipisicing
                         elit. Nihil repellendus distinctio similique
                       </v-list-item-subtitle>
@@ -34,14 +34,26 @@
           </v-col>
         </v-row>
       </v-container>
+      <v-textarea
+        class="mx-2"
+        label="メッセージを入力する"
+        rows="1"
+        append-icon="mdi-comment"
+        auto-grow
+      ></v-textarea>
     </v-main>
   </v-app>
 </template>
 
 <script>
 export default {
+  created() {
+    this.user_id = this.$route.query.user_id;
+    console.log("user_id", this.user_id);
+  },
   data: () => ({
-    cards: ["Today", "Yesterday"],
+    user_id: "",
+    cards: ["Today"],
     drawer: null,
     links: [
       ["mdi-inbox-arrow-down", "Inbox"],
@@ -52,3 +64,8 @@ export default {
   }),
 };
 </script>
+<style>
+.message {
+  text-align: left;
+}
+</style>