(prop) add room-header-avatar

Author: antoine92190

README.md

@@ -631,6 +631,7 @@ Example:
 | rooms-header               | Add a template on top of rooms list (above the search bar)  | -                             | -                                                                                                    |
 | room-list-item             | Replace the template of the room list items                 | rooms                         | -                                                                                                    |
 | room-header                | Replace the template of the room header                     | room, typingUsers, userStatus | room-options, menu-icon, toggle-icon                                                                 |
+| room-header-avatar         | Replace the template of the room header avatar              | room                          |
 | room-header-info           | Replace the template of the room header text                | room, typingUsers, userStatus |
 | room-options               | Replace the template of the room options                    | -                             | menu-icon                                                                                            |
 | message                    | Replace the template of the message box                     | message                       | deleted-icon, eye-icon, document-icon, pencil-icon, checkmark-icon, dropdown-icon, emoji-picker-icon |

src/ChatWindow/Room.vue

@@ -31,11 +31,13 @@
 						:class="{ 'vac-item-clickable': roomInfo }"
 						@click="$emit('roomInfo', room)"
 					>
-						<div
-							v-if="room.avatar"
-							class="vac-room-avatar"
-							:style="{ 'background-image': `url('${room.avatar}')` }"
-						></div>
+						<slot name="room-header-avatar" v-bind="{ room }">
+							<div
+								v-if="room.avatar"
+								class="vac-room-avatar"
+								:style="{ 'background-image': `url('${room.avatar}')` }"
+							></div>
+						</slot>
 						<slot
 							name="room-header-info"
 							v-bind="{ room, typingUsers, userStatus }"