文脈を追加

README.md

@@ -4,5 +4,7 @@ Rails、Action cable、Vueで構成された簡素なリアルタイムチャッ
 # 文脈
 [Entering](https://riq0h.jp/2023/04/30/232125/)で主人公が作っていたチャットサービスをモダンな技術で再現した。
 
+![](/img/img.png)
+
 # LICENSE
 MIT

frontend/src/components/ChatRoom.vue

@@ -8,7 +8,7 @@
         :key="message.id"
         style="background-color: lightgray; padding: 10px; margin-bottom: 10px"
       >
-        <strong style="color: navy">{{ message.sender_name }}:</strong> {{ message.content }}
+        <strong style="color: navy">{{ message.sender_name }}></strong> {{ message.content }}
       </li>
     </ul>
     <form @submit.prevent="sendMessage" style="background-color: lightgray; padding: 20px">

frontend/src/components/ChatRooms.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="background-color: lightcyan; padding: 20px">
-    <h1 style="color: navy; font-family: Arial, sans-serif">VueChat - チャットルーム一覧</h1>
+    <h1 style="color: navy; font-family: Arial, sans-serif">チャットルーム一覧</h1>
     <ul style="list-style-type: none; padding: 0">
       <li v-for="room in chatRooms" :key="room.id" style="margin-bottom: 10px">
         <router-link