:fire: removing more logs | adding note about intersection observer target

vue-theme/src/pages/list.vue

@@ -17,11 +17,12 @@
         .posts(v-if="posts && loaded" :class="{ 'is-grid': grid }")
             section(v-for="(post, i) in posts" :key="post.slug").shadow.post
                 card(:content="post" :type="type" :wide="type == 'exhibition' && i > 1 || type == 'event' && i > 1 ")
-
+        
+        //- Important: Do NOT remove this! Required for intersection observer
         footer
             p(v-if="loadingFetched") loading more {{ type }}...
-            p {{ `${type} count: ${Object.values(posts).length}` }}
-            p {{ `show sidebar: ${sidebar}` }}
+            p(v-if="showMeta") {{ `${type} count: ${Object.values(posts).length}` }}
+            p(v-if="showMeta") {{ `show sidebar: ${sidebar}` }}
 
     sidebar(v-if="sidebar" :type="`${type}`" layout="list")
 </template>
@@ -35,7 +36,8 @@ import { postTypeGetters, scrollTop, heroUtils } from './mixin-post-types'
 import { postTypes, convertTitleCase, typeFromRoute } from '@/utils/helpers'
 
 const TIMEOUT = 1
-const INTERSECT_SELECTOR = ".page--list > article footer"
+const INTERSECT_SELECTOR = '.page--list > article footer'
+
 export default {
     components: { sidebar, featuredImage, card },
     props: {
@@ -46,6 +48,7 @@ export default {
     mixins: [postTypeGetters, scrollTop, heroUtils],
     data() {
         return {
+            showMeta:false,
             page: 0,
             perPage: 21,
             keepFetching: true,
@@ -78,12 +81,10 @@ export default {
             this.$store.commit(`${uppercaseType}_LOADED`)
         },
         async loadMorePosts() {
-            console.log('trying to load for: ', this.$route)
             const type = typeFromRoute(this.$route)
             if(!type) return console.warn(`type: ${type} not found...`)
             if(!this.keepFetching) return console.warn('nothing left to fetch...')
 
-            console.warn(`loading more ${type} posts...`)
             this.loadingFetched = true
             console.warn(
                 `loading page ${this.page + 1} of ${type} posts: 
@@ -189,10 +190,7 @@ export default {
     watch: {
         // This only fires navigating from
         // a list page, to another list page
-        type(newType, oldType){
-            console.log('old:', oldType)
-            console.log('new:', newType)
-            
+        type(newType, oldType) {
             if(!postTypes.includes(newType)) return console.warn('type not found...')
             this.setIntersectionLoader()
             this.clearAndInitPostList()