Using Vuex action to async/await the mutation and get an up-to-date state.

md-parser/src/components/EditPage.vue

@@ -56,14 +56,17 @@ export default {
               "date_created": data.date_created,
               "date_modified": data.date_modified,
             })
-            // update content
+            // Call the Vuex action to update the content,
-            this.$store.commit('updateText', data.content)
+            // and await the mutation to be over before going to the Input page.
+            this.$store.dispatch('updateText', data.content)
+              .then(() => {
+                this.$router.push('/write')
+              })
           },
           response => {
             console.log('Error: ', response)
           }
         )
-        this.$router.push('/write')
     }
   }
 }

md-parser/src/components/UserInputPage.vue

@@ -25,21 +25,21 @@ export default {
   },
   data: function() {
     return{
-      userText: '',
     }
   },
   methods: {
     // saves article content
     articleUpate : function() {
-      console.log('updating in UserInputPage')
       this.userText = this.$store.getters.getContent
     },
     articlePublish: function(){
       this.$router.push('/published')
-    }
+    },
   },
-  mounted: function(){
+  computed: {
-    this.userText = this.$store.getters.getContent
+    userText: function(){
+      return this.$store.getters.getContent
+    }
   }
 }
 </script>

md-parser/src/store/store.js

@@ -30,7 +30,6 @@ export const store = new Vuex.Store({
     today (state, date) {
       let dateObj = new Date()
       let today = dateObj.getDate() + '/' + dateObj.getMonth() + '/' + dateObj.getFullYear()
-      console.log("Today : ", today)
       if (date === 1) {
         state.article.meta.date_created = today
       }
@@ -42,5 +41,10 @@ export const store = new Vuex.Store({
       state.article.meta = {}
       state.article.content = ""
     }
+  },
+  actions: {
+    updateText(context, newText){
+      context.commit('updateText', newText)
+    }
   }
 })