Normalize outbox messages

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>

src/store/outbox/getters.js

@@ -21,6 +21,6 @@
  */
 
 export default {
-	getAllMessages: state => Object.values(state.messages),
+	getAllMessages: state => state.messageList.map(id => state.messages[id]),
 	getMessage: state => id => state.messages[id],
 }

src/store/outbox/mutations.js

@@ -26,8 +26,13 @@ export default {
 	addMessage(state, { message }) {
 		const existing = state.messages[message.id] ?? {}
 		Vue.set(state.messages, message.id, Object.assign({}, existing, message))
+		// Add the message only if it's new
+		if (state.messageList.indexOf(message.id) === -1) {
+			state.messageList.unshift(message.id)
+		}
 	},
 	deleteMessage(state, { id }) {
+		state.messageList = state.messageList.filter(i => i !== id)
 		Vue.delete(state.messages, id)
 	},
 	updateMessage(state, { message }) {

src/store/outbox/state.js

@@ -21,5 +21,6 @@
  */
 
 export default {
+	messageList: [],
 	messages: {},
 }