paginate news

resources/views/livewire/news/article-overview.blade.php

@@ -173,6 +173,24 @@
                     @endif
                 @endforeach
 
+                    <div
+                        x-data="{
+                                observe () {
+                                    let observer = new IntersectionObserver((entries) => {
+                                        entries.forEach(entry => {
+                                            if (entry.isIntersecting) {
+                                                @this.call('loadMore')
+                                            }
+                                        })
+                                    }, {
+                                        root: null
+                                    })
+                                    observer.observe(this.$el)
+                                }
+                            }"
+                        x-init="observe"
+                    ></div>
+
             </div>
         </div>
     </div>