Display new session in the sessions list straight away

src/App.vue

@@ -2,7 +2,7 @@
   <div id="app" class="antialiased min-h-screen font-sans bg-gray-100 text-black p-12">
     <div class="w-full max-w-2xl mx-auto">
       <accepted-sessions-list :sessions="sortedSessions" />
-      <session-form></session-form>
+      <session-form @submitted="addSession($event)"></session-form>
     </div>
   </div>
 </template>
@@ -39,6 +39,12 @@ export default {
       })
   },
 
+  methods: {
+    addSession: function (session) {
+      this.sessions.push(session)
+    }
+  },
+
   computed: {
     sortedSessions: function () {
       return _(this.sessions).sortBy(session => session.attributes.title)

src/components/SessionForm.vue

@@ -86,6 +86,8 @@ export default {
           this.messages.push(`Session ${title} has been created.`)
           this.errors = []
 
+          this.$emit('submitted', data.data)
+
           this.form.body = ''
           this.form.title = ''
         })