example indexing gallery

vue-theme/src/app.vue

                             &-grid
                                 list-style: none
                             &-item
-                                loat: left
+                                float: left
                         &.columns-1
                             .blocks-gallery-item
                                 width: 100%

vue-theme/src/components/gallery.vue

     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

                 return postsMap
             }, {})
         },
-        images () {
-            console.log(this.posts[this.$route.params.slug])
-            return ['hi', 'hello']
-        },
-
     },
     methods: {
         checkForImages(posts) {
                 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 }
                     )
                 }
             })