+6
-4
src/App.svelte
+6
-4
src/App.svelte
···
16
});
17
});
18
// Infinite loading function
19
-
const onInfinite = ({ detail: { loaded, complete } } : { detail : { loaded : () => void, complete : () => void}}) => {
20
getNextPosts().then((newPosts) => {
21
console.log("Loading next posts...");
22
if (newPosts.length > 0) {
···
53
{#each posts as postObject}
54
<PostComponent post={postObject as Post} />
55
{/each}
56
-
<InfiniteLoading on:infinite={onInfinite}
57
-
distance={3000}
58
-
/>
59
<div id="spacer"></div>
60
</div>
61
</div>
···
16
});
17
});
18
// Infinite loading function
19
+
const onInfinite = ({
20
+
detail: { loaded, complete },
21
+
}: {
22
+
detail: { loaded: () => void; complete: () => void };
23
+
}) => {
24
getNextPosts().then((newPosts) => {
25
console.log("Loading next posts...");
26
if (newPosts.length > 0) {
···
57
{#each posts as postObject}
58
<PostComponent post={postObject as Post} />
59
{/each}
60
+
<InfiniteLoading on:infinite={onInfinite} distance={3000} />
61
<div id="spacer"></div>
62
</div>
63
</div>
+4
src/lib/PostComponent.svelte
+4
src/lib/PostComponent.svelte