fix sync missing articles

vue/src/composables/useFeeds.js

@@ -1,4 +1,4 @@
-import { ref, unref, nextTick } from 'vue';
+import { ref, nextTick } from 'vue';
 import axios from 'axios';
 import { Readability } from '@mozilla/readability';
 
@@ -155,21 +155,25 @@ function setupIntersectionObserver() {
 }
 
 async function handleIntersection(entries) {
-  // The callback function for when the target element enters or exits the viewport
-  for (const entry of entries) {
-    // An article that has scrolled above the viewport (not intersecting,
-    // bounding box above the top edge) has been read — mark it and remove it.
-    if (initialLoad === true && !entry.isIntersecting && entry.boundingClientRect.y < 0) {
-      await markRead(feeds.value[entry.target.id].id)
-      removeFeed(entry.target.id)
-      document.getElementById(0)?.scrollIntoView()
-    }
-  }
-}
+  // An article that has scrolled above the viewport (not intersecting,
+  // bounding box above the top edge) has been read. Resolve all affected
+  // feeds up front, before any removal — splicing `feeds` while iterating
+  // would shift the array indices that later entries' `target.id` refer to,
+  // causing the wrong item to be marked read and removed.
+  const readFeeds = entries
+    .filter(entry => initialLoad === true && !entry.isIntersecting && entry.boundingClientRect.y < 0)
+    .map(entry => feeds.value[entry.target.id])
+    .filter(Boolean)
 
-function removeFeed(index) {
-  const array = unref(feeds);
-  array.splice(index, 1);
+  if (readFeeds.length === 0) return
+
+  for (const feed of readFeeds) {
+    await markRead(feed.id)
+  }
+
+  const readIds = new Set(readFeeds.map(feed => feed.id))
+  feeds.value = feeds.value.filter(feed => !readIds.has(feed.id))
+  document.getElementById(0)?.scrollIntoView()
 }
 
 function setInitialLoad(value) {
@@ -263,7 +267,7 @@ export function useFeeds() {
     markAllRead,
     showMessageForXSeconds,
     setupIntersectionObserver,
-    removeFeed,
     setInitialLoad,
+    handleIntersection,
   }
 }