:recycle: small refactor of click setting

vue-theme/src/pages/single.vue

@@ -184,6 +184,13 @@ export default {
             }
             this.loading = false
         },
+        _setClick(el, cb) {
+            if (el.addEventListener) {
+                el.addEventListener('click', cb, false)
+            } else {
+                el.attachEvent('onclick', cb)
+            }
+        },
     },
     watch: {
         slug(newSlug, oldSlug) {
@@ -197,32 +204,32 @@ export default {
         async singlePost(post) {
             console.log('---')
             if (!this.$el) return
-            const content = this.$el.children[0].querySelector('section')
+            const section = this.$el.children[0].querySelector('section')
             await nextTick()
-            const galleries = content.querySelectorAll('.wp-block-gallery')
-            const cb = e => {
-                this.activeGalleryIndex = parseInt(e.target.dataset.gallery)
-                const galleryImages =
-                    this.singlePost.galleries[this.activeGalleryIndex]
-                console.log(galleryImages)
-                if (!galleryImages.ids) return
-                this.activeImageIndex = galleryImages.ids.indexOf(
-                    parseInt(e.target.dataset.id),
-                )
-                console.log(
-                    `opening gallery: ${this.activeGalleryIndex}.${this.activeImageIndex}`,
+            const galleries = section.querySelectorAll('.wp-block-gallery')
+            galleries.forEach((gallery, galleryIndex) => {
+                el.dataset.gallery = galleryIndex
+                gallery.querySelectorAll('img').forEach(image =>
+                    this._setClick(image, e => {
+                        this.activeGalleryIndex = parseInt(
+                            e.target.dataset.gallery,
+                        )
+                        const galleryImages =
+                            this.singlePost.galleries[this.activeGalleryIndex]
+
+                        console.log(this.singlePost.galleries)
+                        console.log(galleryImages)
+                        if (!galleryImages.ids) return
+
+                        this.activeImageIndex = galleryImages.ids.indexOf(
+                            parseInt(e.target.dataset.id),
+                        )
+                        console.log(
+                            `opening gallery: ${this.activeGalleryIndex}.${this.activeImageIndex}`,
+                        )
+                        console.log(e.target.dataset)
+                    }),
                 )
-                console.log(e.target.dataset)
-            }
-            galleries.forEach((gal, galleryIndex) => {
-                gal.querySelectorAll('img').forEach(image => {
-                    image.dataset.gallery = galleryIndex
-                    if (image.addEventListener) {
-                        image.addEventListener('click', cb, false)
-                    } else {
-                        image.attachEvent('onclick', cb)
-                    }
-                })
             })
         },
     },