:poop: found this uncommited code

vue-theme/src/components/gallery.vue

@@ -1,8 +1,14 @@
 <template lang="pug">
 .gallery.active.f-col.center
     button(@click="hideGallery").hide hide
-    p {{ imageIds }}
-    p image: {{ imageIds[selected] }}
+    
+    .wrap(v-if="allMediaLoaded")
+        p image: {{ imageIds[activeImageIndex] }}
+        p {{ imageIds }}
+        p {{ allMedia }}
+    .loading(v-else)
+        p loading...
+
     ul
         li(v-for="(image, i) of images" :class="{ active: i === selected }")
             .image-wrapper.f-col.center
@@ -14,6 +20,8 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
+
 export default {
     props: {
         imageIds: { type: Array, required: true },
@@ -25,6 +33,12 @@ export default {
             selected: -1
         }
     },
+    computed: {
+        ...mapGetters({
+            allMedia: 'allMedia',
+            allMediaLoaded: 'allMediaLoaded',
+        })
+    },
     methods: {
         prev() {
             this.selected > 0 ? this.selected-- : this.selected = this.imageIds.length - 1
@@ -54,10 +68,10 @@ export default {
             this.selected = newVal
         }
     },
-    mounted() {
+    async mounted() {
         // Set the first selection
         this.selected = this.activeImageIndex
-
+        this.$store.dispatch(`getMediaById`, this.imageIds)
         window.addEventListener('keydown', this.interpretKeypress)
     },
     unmounted() {
@@ -68,6 +82,8 @@ export default {
 
 <style lang="postcss">
 .gallery
+    .wrap
+        width: 60vw
     &.active
         position: fixed
         top: 0

vue-theme/src/pages/single.vue

@@ -28,11 +28,11 @@
                     //- Just a regular block
                     .block(v-else v-html="block")
 
-    //- sidebar(v-if="sidebar" :type="`${type}`")
-    //-     .shadow
-    //-         h1.t-up single slot
-    //-         div
-    //-             p body whatever
+    sidebar(v-if="sidebar" :type="`${type}`")
+        .shadow
+            h1.t-up single slot
+            div
+                p body whatever
 </template>
 
 <script>
@@ -96,7 +96,7 @@ export default {
         },
         checkAndSetHero(posts) {
             const post = posts[this.$route.params.slug]
-            if(!post || ! post.hero) return
+            if(!post || !post.hero) return
 
             const json = JSON.parse(post.hero)
             this.$store.commit('SET_HERO', json)

vue-theme/src/store/modules/media.js

@@ -6,19 +6,22 @@ const state = {
 }
 
 const getters = {
-    allArtists: state => state.all,
-    allArtistsLoaded: state => state.loaded,
+    allMedia: state => state.all,
+    allMediaLoaded: state => state.loaded,
 }
 
 const actions = {
-    getMediaById({ commit }, ids) {
+    async getMediaById({ commit }, ids) {
         commit('CLEAR_MEDIA')
         commit('MEDIA_LOADED', false)
-        ids.forEach(id => {
-            api.getSingleMedia(id, media => {
+        
+        const p = ids.map(async id => {
+            return await api.getSingleMedia(id, media => {
                 commit('STORE_FETCHED_MEDIA', { media })
             })
         })
+        console.log(p)
+        await Promise.all(p)
         commit('MEDIA_LOADED', true) 
     }
 }

vue-theme/src/utils/api.js

@@ -20,7 +20,7 @@ export default {
             }).catch(e => { cb(e) })
         }
     },
-    getSingleMedia(id) {
+    getSingleMedia(id, cb) {
         axios.get(SETTINGS.API_MEDIA_PATH + `${id}`).then(response => {
             cb(response.data)
         }).catch(e => { cb(e) })