(props) add rooms-order

Author: antoine92190

README.md

@@ -211,6 +211,7 @@ fetchMessages({ room, options }) {
 | `height`                            | String           | -        | `600px`                                 |
 | `current-user-id`(1)                | [String, Number] | `true`   | -                                       |
 | `rooms`                             | Array            | -        | `[]`                                    |
+| `rooms-order`                       | String           | -        | `desc`                                  |
 | `loading-rooms`(2)                  | Boolean          | -        | `false`                                 |
 | `rooms-loaded`(3)                   | Boolean          | -        | `false`                                 |
 | `room-id`(4)                        | [String, Number] | -        | `null`                                  |

src/lib/ChatWindow.vue

@@ -104,6 +104,7 @@ export default {
 		textMessages: { type: Object, default: null },
 		currentUserId: { type: [String, Number], default: '' },
 		rooms: { type: Array, default: () => [] },
+		roomsOrder: { type: String, default: 'desc' },
 		loadingRooms: { type: Boolean, default: false },
 		roomsLoaded: { type: Boolean, default: false },
 		roomId: { type: [String, Number], default: null },
@@ -193,6 +194,10 @@ export default {
 				const aVal = a.index || 0
 				const bVal = b.index || 0
 
+				if (this.roomsOrder === 'asc') {
+					return aVal < bVal ? -1 : bVal < aVal ? 1 : 0
+				}
+
 				return aVal > bVal ? -1 : bVal > aVal ? 1 : 0
 			})
 		}

types/index.d.ts

@@ -120,6 +120,7 @@ export interface Slots {
 export interface Props {
 	'current-user-id': StringNumber
 	rooms: Rooms
+	'rooms-order': 'desc' | 'asc'
 	messages: Messages
 	height?: string
 	theme?: 'light' | 'dark'