:recycle: using loading flag on single pages | waiting for single content to load before hand over

vue-theme/src/pages/single.vue

@@ -2,7 +2,7 @@
 .page--single.f-col.between
     gallery(v-if="activeGalleryIndex >= 0" :activeImageIndex="activeImageIndex" :images="imagesInGallery" @close="closeGallery")
 
-    article.w-max(v-if="!singlePost")
+    article.w-max(v-if="!singlePost || loading")
         header
             p loading...
     article(v-else).w-max.f-grow.shadow
@@ -64,6 +64,7 @@ export default {
             // Gallery control
             activeGalleryIndex: -1,
             activeImageID: -1,
+            loading: true
         }
     },
     computed: {
@@ -231,6 +232,8 @@ export default {
                 `getSingle${convertTitleCase(this.type)}`,
                 singlePostData.id,
             )
+            this.loading = false
+            
             console.log('title case:',convertTitleCase(this.type))
             console.log('hero to set:',singlePostData)
         },