diff --git a/README.md b/README.md index b132d31..a44cd5d 100644 --- a/README.md +++ b/README.md @@ -4,5 +4,7 @@ Rails、Action cable、Vueで構成された簡素なリアルタイムチャッ # 文脈 [Entering](https://riq0h.jp/2023/04/30/232125/)で主人公が作っていたチャットサービスをモダンな技術で再現した。 + + # LICENSE MIT diff --git a/frontend/src/components/ChatRoom.vue b/frontend/src/components/ChatRoom.vue index a92a33f..a01e212 100644 --- a/frontend/src/components/ChatRoom.vue +++ b/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"> diff --git a/frontend/src/components/ChatRooms.vue b/frontend/src/components/ChatRooms.vue index e2cfacd..d97c9be 100644 --- a/frontend/src/components/ChatRooms.vue +++ b/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 diff --git a/img/img.png b/img/img.png new file mode 100644 index 0000000..bdaa006 Binary files /dev/null and b/img/img.png differ