:recycle: raising observer to footer-wrapper | trying a margin

vue-theme/src/pages/list.vue

@@ -74,8 +74,8 @@ export default {
     },
     methods: {
         loadMorePosts() {
+            // console.log('loading...')
             this.page++
-            console.log('loading...')
             this.getPosts(false)
         },
         getPosts(clear) {
@@ -194,19 +194,20 @@ export default {
         if (this.$route.hash) {
             setTimeout(() => this.scrollTo(this.$route.hash), TIMEOUT)
         }
-    },
-    unmounted() {
-        window.removeEventListener("load", e => {}, false)
-    },
-    created() {
+
+        // Add the infinite scroll load
         window.addEventListener("load", e => {
-            const footerEl = document.querySelector(".sub-footer")
+            const footerEl = document.querySelector(".footer-wrapper footer")
             const observer = new IntersectionObserver(this.loadMorePosts, {
-                rootMargin: "0px",
+                rootMargin: "0px 0px 50px 0px",
             })
             observer.observe(footerEl)
         }, false)
-
+    },
+    unmounted() {
+        window.removeEventListener("load", e => {}, false)
+    },
+    created() {
         let type = convertTitleCase(this.type) + 's'
         this.checkAndSetHero(this.type)