using image array

vue-theme/src/components/gallery.vue

@@ -2,10 +2,9 @@
 .gallery.f-col.center(v-if="fullscreengallery")
     button(@click="hideGallery") hide
     ul
-        li
-            h1 hello world
-        li
-            h1 hello world again
+        li(v-for="image of images")
+            div
+                h1 {{ image }}
     .controls.f-row
         button(@click="hideGallery") <<<
         button(@click="hideGallery") >>>
@@ -14,6 +13,7 @@
 <script>
 export default {
     props: {
+        images: { type: Array },
         fullscreengallery: { type: Boolean }
     },
     methods: {

vue-theme/src/pages/single.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
 .page--single.f-row.between
-    gallery(:fullscreengallery="fullscreengallery" v-on:close="fullscreengallery = false")
+    gallery(:fullscreengallery="fullscreengallery" v-on:close="fullscreengallery = false" :images="images")
     article.f-grow.shadow
         header
             h1 {{ type }}:{{ $route.params.slug }} single
@@ -61,6 +61,11 @@ export default {
                 return postsMap
             }, {})
         },
+        images () {
+            console.log(this.posts[this.$route.params.slug])
+            return ['hi', 'hello']
+        },
+
     },
     mounted() {
         // TODO: this should be conditional after checking vuex state