(slots) add rooms-list-search

Author: antoine92190

README.md

@@ -600,7 +600,8 @@ Example:
 | `custom-action-icon`                | Add a custom icon inside the footer                         | -                                   | -                                                                                                                  |  | `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                 | `room`                              | `room-list-options`                                                                                                |
 | `room-list-options`                 | Replace the template of the list room options               | `room`                              | `room-list-options-icon`                                                                                           |
-| `rooms-header`                       | Replace the content above the search bar                   | -                                   | -                                                                                                                     |
+| `rooms-header`                      | Replace the content above the search bar                    | -                                   | -                                                                                                                  |
+| `rooms-list-search`                 | Replace the search bar                                      | -                                   | -                                                                                                                  |
 | `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` |

src/ChatWindow/RoomsList/RoomsList.vue

@@ -6,18 +6,20 @@
 	>
 		<slot name="rooms-header" />
 
-		<rooms-search
-			:rooms="rooms"
-			:loading-rooms="loadingRooms"
-			:text-messages="textMessages"
-			:show-add-room="showAddRoom"
-			@search-room="searchRoom"
-			@add-room="$emit('add-room')"
-		>
-			<template v-for="(i, name) in $scopedSlots" #[name]="data">
-				<slot :name="name" v-bind="data" />
-			</template>
-		</rooms-search>
+		<slot name="rooms-list-search">
+			<rooms-search
+				:rooms="rooms"
+				:loading-rooms="loadingRooms"
+				:text-messages="textMessages"
+				:show-add-room="showAddRoom"
+				@search-room="searchRoom"
+				@add-room="$emit('add-room')"
+			>
+				<template v-for="(i, name) in $scopedSlots" #[name]="data">
+					<slot :name="name" v-bind="data" />
+				</template>
+			</rooms-search>
+		</slot>
 
 		<loader :show="loadingRooms" />