From 2bfbb0e1160ec77c018bee31672c5d4766e321d5 Mon Sep 17 00:00:00 2001
From: Mohammad Mahdi <mmm.6831.allah@gmail.com>
Date: Tue, 4 Nov 2025 12:11:26 +0330
Subject: [PATCH] Added auto load more on scroll

---
 src/components/MediaList.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/MediaList.vue b/src/components/MediaList.vue
index 7fe001d..950bd68 100755
--- a/src/components/MediaList.vue
+++ b/src/components/MediaList.vue
@@ -15,6 +15,16 @@ const emit = defineEmits<{
   (e: 'add-media', media: MediaType): void
   (e: 'remove-media', mediaId: number): void
 }>()
+
+window.addEventListener('scroll', () => {
+  const scrollTop = window.scrollY
+  const windowHeight = window.innerHeight
+  const docHeight = document.documentElement.scrollHeight
+  const scrollPercent = (scrollTop + windowHeight) / docHeight
+  if (scrollPercent >= 0.75 && !props.loadingMore && props.isSearch) {
+    emit('loadMore')
+  }
+})
 </script>
 
 <template>