fix: the links data loading on the mobile page did not trigger

This commit is contained in:
QuentinHsu 2024-06-02 22:18:18 +08:00
parent e4e6369f5c
commit dda19697d6
No known key found for this signature in database
GPG key ID: 20D465A435D740D0

View file

@ -22,7 +22,7 @@ async function getLinks() {
const { isLoading } = useInfiniteScroll( const { isLoading } = useInfiniteScroll(
document, document,
getLinks, getLinks,
{ distance: 10, interval: 1000, canLoadMore: () => !listComplete }, { distance: 150, interval: 1000, canLoadMore: () => !listComplete },
) )
function updateLinkList(link, type) { function updateLinkList(link, type) {
@ -59,5 +59,11 @@ function updateLinkList(link, type) {
> >
<Loader class="animate-spin" /> <Loader class="animate-spin" />
</div> </div>
<div
v-if="!isLoading && listComplete"
class="flex items-center justify-center text-sm"
>
No more
</div>
</main> </main>
</template> </template>