Use Vuex logic to create Events, storing them in db.json

db.json

@@ -71,6 +71,24 @@
           "name": "Mary Gordon"
         }
       ]
+    },
+    {
+      "id": 972213,
+      "user": {
+        "id": "abc123",
+        "name": "Adam Jahr"
+      },
+      "organizer": {
+        "id": "abc123",
+        "name": "Adam Jahr"
+      },
+      "title": "Plant Trees",
+      "description": "Go to the forest to plant some trees",
+      "category": "nature",
+      "location": "Forest",
+      "date": "2019-03-14",
+      "time": "08:10",
+      "attendees": []
     }
   ]
 }

src/services/EventService.js

@@ -15,5 +15,8 @@ export default {
   },
   getEvent(id) {
     return apiClient.get('/events/' + id)
+  },
+  postEvent(event) {
+    return apiClient.post('/events', event)
   }
 }

src/store.js

@@ -1,10 +1,37 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
+import EventService from '@/services/EventService'
 
 Vue.use(Vuex)
 
 export default new Vuex.Store({
-  state: {},
-  mutations: {},
-  actions: {}
+  state: {
+    user: {
+      id: 'abc123',
+      name: 'Adam Jahr'
+    },
+    categories: [
+      'sustainability',
+      'nature',
+      'animal welfare',
+      'housing',
+      'education',
+      'food',
+      'community'
+    ],
+    events: []
+  },
+  getters: {},
+  mutations: {
+    ADD_EVENT(state, event) {
+      state.events.push(event)
+    }
+  },
+  actions: {
+    createEvent({ commit }, event) {
+      return EventService.postEvent(event).then(() => {
+        commit('ADD_EVENT', event)
+      })
+    }
+  }
 })