✨ add user to participants on load

src/front-end/scripts/components/participants.vue

@@ -10,6 +10,9 @@ const Participants: Component = {
 		session(): sessionState { return this.$store.state.session; },
 		story(): storyState { return this.$store.state.story; }
 	},
+	created() {
+		this.$store.dispatch('addParticipant', this.session);
+	},
 };
 
 export default Participants;

src/front-end/scripts/store/modules/participants.ts

@@ -1,7 +1,25 @@
-import { Module } from 'vuex';
+import { ActionContext, Module } from 'vuex';
 import { participant, participantsState } from '../../types';
 
 export const participantsModule: Module<participantsState, any> = {
+	actions: {
+		addParticipant(
+			ctx: ActionContext<participantsState, any>,
+			payload: participant,
+		) {
+			const person: participant = {
+				id: payload.id,
+				name: payload.name,
+			};
+			const people = ctx.state.people;
+
+			if (people.hasOwnProperty(payload.id))
+				person.value = people[payload.id].value;
+
+			people[payload.id] = person;
+			ctx.commit('participants.people', people);
+		},
+	},
 	mutations: {
 		'participants.people'(
 			state: participantsState,