From c58ebd1751eff8585ccdfbcf72cddd23a240d263 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 4 Jun 2019 22:39:55 +0100
Subject: [PATCH] Display new session in the sessions list straight away

---
 src/App.vue                    | 8 +++++++-
 src/components/SessionForm.vue | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 386ad8d..60e6855 100644
--- a/src/App.vue
+++ b/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)
diff --git a/src/components/SessionForm.vue b/src/components/SessionForm.vue
index e19069b..d0b1c45 100644
--- a/src/components/SessionForm.vue
+++ b/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 = ''
         })