fix: images url

src/App.svelte

@@ -36,6 +36,19 @@
         dates.del(Number(id));
     }
 
+    function intersection(section: HTMLElement) {
+        const observer = new IntersectionObserver(observe, {
+            root: document.body,
+            rootMargin: "0px",
+            threshold: 0,
+        });
+        observer.observe(section);
+        function observe(entries: IntersectionObserverEntry[]) {
+            const active = entries.find((e) => e.isIntersecting);
+            console.log(entries, active);
+        }
+    }
+
     $: console.log($date);
 </script>
 
@@ -46,7 +59,7 @@
 {#await images.back() then}
     <main>
         {#each $counters as counter, id}
-            <section>
+            <section use:intersection id={String(id)}>
                 <header>
                     <DateForm {id} {counter} />
                 </header>

src/lib/images.ts

@@ -30,7 +30,7 @@ function createImages() {
 
     async function load() {
         if (!get().length) {
-            const url = 'https://valexr.github.io/county/assets/photos.json';
+            const url = './assets/photos.json';
             const res = await fetch(url);
             set(await res.json());
         }