:recycle: going back to messy onIntersect

vue-theme/src/pages/list.vue

@@ -84,9 +84,9 @@ export default {
             if(!type) return console.error(`type: ${type} not found...`)
             if(!this.keepFetching) return console.warn('nothing left to fetch...')
 
-            console.warn(`loading page ${this.page} of ${type} posts: ${this.page * this.perPage} through ${this.perPage}`)
             this.loadingFetched = true
             this.page++
+            console.warn(`loading page ${this.page} of ${type} posts: ${this.page * this.perPage + 1} through ${this.page * this.perPage}`)
             await this.getPosts()
         },
         _getSortBy() {
@@ -152,10 +152,14 @@ export default {
             const footerEl = document.querySelector(INTERSECT_SELECTION)
             if(!footerEl) return
 
-            const onIntersect = (entries, observer) => {
-                console.log('intersection handler fired...')
-                if (this.loadingFetched) return
-                setTimeout(this.loadMorePosts(), TIMEOUT)
+            const onIntersect = entries => {
+                // console.log('intersection handler fired...')
+                entries.forEach(entry => {
+                    if (!entry.isIntersecting || this.loadingFetched) return
+                    setTimeout(() => {
+                        this.loadMorePosts()
+                    }, TIMEOUT)
+                })
             }
             this.observer = new IntersectionObserver(onIntersect, {
                 threshold: 0.80