(slots) add system-message

Author: antoine92190

README.md

@@ -761,6 +761,7 @@ Example:
 | `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` |
+| `system-message`                    | Replace the template of the system message box              | `message`                                  | -                                                                                                                  |
 | `message-failure`                   | Replace the message failure icon                            | -                                          | -                                                                                                                  |
 | `messages-empty`                    | Replace the empty message template                          | -                                          | -                                                                                                                  |
 | `rooms-empty`                       | Replace the empty rooms template                            | -                                          | -                                                                                                                  |

src/lib/Room/RoomMessage/RoomMessage.vue

@@ -9,17 +9,19 @@
 		</div>
 
 		<div v-if="message.system" class="vac-card-info vac-card-system">
-			<format-message
-				:content="message.content"
-				:users="roomUsers"
-				:text-formatting="textFormatting"
-				:link-options="linkOptions"
-				@open-user-tag="openUserTag"
-			>
-				<template v-for="(i, name) in $scopedSlots" #[name]="data">
-					<slot :name="name" v-bind="data" />
-				</template>
-			</format-message>
+			<slot name="system-message" v-bind="{ message }">
+				<format-message
+					:content="message.content"
+					:users="roomUsers"
+					:text-formatting="textFormatting"
+					:link-options="linkOptions"
+					@open-user-tag="openUserTag"
+				>
+					<template v-for="(i, name) in $scopedSlots" #[name]="data">
+						<slot :name="name" v-bind="data" />
+					</template>
+				</format-message>
+			</slot>
 		</div>
 
 		<div
@@ -191,9 +193,7 @@
 						}"
 						@click="$emit('open-failed-message', { message })"
 					>
-						<div class="vac-failure-text">
-							!
-						</div>
+						<div class="vac-failure-text">!</div>
 					</div>
 				</slot>
 				<div