store registered coaches in the store

src/pages/coaches/CoachRegistration.vue

@@ -2,7 +2,7 @@
   <section>
     <base-card>
       <h2>Register as a coach, now!</h2>
-      <coach-form> </coach-form>
+      <coach-form @save-data="saveData"> </coach-form>
     </base-card>
   </section>
 </template>
@@ -10,6 +10,11 @@
 import CoachForm from '../../components/coaches/CoachForm.vue';
 
 export default {
-  components: { CoachForm }
+  components: { CoachForm },
+  methods: {
+    saveData(data) {
+      this.$store.dispatch('coaches/registerCoach', data);
+    }
+  }
 };
 </script>

src/store/modules/coaches/actions.js

@@ -1 +1,13 @@
-export default {};
+export default {
+  registerCoach(context, data) {
+    const coachData = {
+      id: new Date().toISOString(),
+      firstName: data.first,
+      lastName: data.last,
+      description: data.desc,
+      rate: data.rate,
+      areas: data.areas
+    };
+    context.commit('registerCoach', coachData);
+  }
+};

src/store/modules/coaches/mutations.js

@@ -1 +1,5 @@
-export default {};
+export default {
+  registerCoach(state, payload) {
+    state.coaches.push(payload);
+  }
+};