:recycle: storing on component state and setting to footer

vue-theme/src/pages/list.vue

@@ -48,9 +48,7 @@ export default {
         return {
             page: 0,
             perPage: 6,
-            observer: null,
             keepFetching: true,
-            isFetching: false
         }
     },
     computed: {
@@ -148,36 +146,25 @@ export default {
             const footerEl = document.querySelector(".footer-wrapper footer")
             // console.warn('attach to: ',footerEl)
             if(!footerEl) return
-            const onIntersect = entries => {
-                // if(this.isFetching) return
-
-                // this.isFetching = true
-                entries.forEach(({ target, isIntersecting }) => {
-                    if (!isIntersecting) return
-                    this.observer.unobserve(target)
-                    
-                    setTimeout(() => {
-                        console.log("intersected:", target)
-                    }, 1000)
+
+            const onIntersect = (entries, observer) => {
+                entries.forEach(entry => {
+                    if (!entry.isIntersecting) return
+                    console.log("intersected:", entry)
                 })
-                // this.isFetching = false
-                // this.loadMorePosts()
-                // console.log('loaded...', this.loadMorePosts)
-                // console.log('cb this:', this)
             }
             this.observer = new IntersectionObserver(
                 onIntersect,
                 {
-                    root: this.$el,
-                    threshold: 1.0,
+                    root: footerEl,
+                    rootMargin: '0px',
+                    threshold: 1.0
                 }
             )
-            this.observer.observe(footerEl)
         },
         unsetIntersectionLoader(type) {
             if(!type) return console.error('cannot unset intersection handler for undefined type...')
             console.warn('unsetting intersection handler for:', type)
-            window.removeEventListener("load", e => {}, false)
         },
         clearAndInitPostList() {
             this.page = 0