example indexing gallery

vue-theme/src/app.vue

@@ -83,7 +83,7 @@ html > body
                             &-grid
                                 list-style: none
                             &-item
-                                loat: left
+                                float: left
                         &.columns-1
                             .blocks-gallery-item
                                 width: 100%

vue-theme/src/components/gallery.vue

@@ -4,7 +4,8 @@
     ul
         li(v-for="(image, i) of images" :class="{ active: i === selected }")
             .image-wrapper.f-col.center
-                img(:src="image")
+                h1 {{ i }}
+                //- img(:src="image")
     .controls.f-row
         button(@click="prev") <
         .f-grow

vue-theme/src/pages/single.vue

@@ -62,11 +62,6 @@ export default {
                 return postsMap
             }, {})
         },
-        images () {
-            console.log(this.posts[this.$route.params.slug])
-            return ['hi', 'hello']
-        },
-
     },
     methods: {
         checkForImages(posts) {
@@ -78,8 +73,8 @@ export default {
                 const doc = new DOMParser().parseFromString(block, 'text/html')
                 const gallery = doc.querySelectorAll('.blocks-gallery-item img')
                 if(gallery) {
-                    this.images = [].slice.call(gallery).map(item => { 
-                        return item.src }
+                    this.images = [].slice.call(gallery).map(
+                        item => {  return item.src }
                     )
                 }
             })