More reliable strategy for getting deepmost component + addition of refresh() method + example & documentation on asynchronous updates

examples/vuex/store.js

@@ -6,7 +6,15 @@ Vue.use(Vuex)
 export default new Vuex.Store({
   // STATE
   state: {
-    post: null,
+    isLoading: false,
+    // its important that we set some defaults for the current post
+    // otherwise Vue will complain that properties are `null`
+    post: {
+      title: '',
+      content: '',
+      slug: '',
+      published: false
+    },
     posts: [{
       slug: 'a-sample-blog-post',
       title: 'A Sample Blog Post',

examples/vuex/views/Post.vue

@@ -10,7 +10,7 @@
   import { mapGetters } from 'vuex'
 
   export default {
-    name: 'blog-post',
+    name: 'post',
     beforeMount () {
       const { slug } = this.$route.params
       this.$store.dispatch('getPost', { slug })