diff --git a/src/pages/infinite-loading/index.page.vue b/src/pages/infinite-loading/index.page.vue index b9e9d40..80efd59 100644 --- a/src/pages/infinite-loading/index.page.vue +++ b/src/pages/infinite-loading/index.page.vue @@ -31,18 +31,19 @@ const list = shallowRef[]>(lastCache.list); const loadData = async (page: number) => { if (!lastCache.hasMore) return { hasMore: false }; + const newPage = page + lastCache.page; await new Promise((resolve) => setTimeout(resolve, 250 + 1000)); - if (page === 2 && isPage2ErrorVisible) { + if (newPage === 2 && isPage2ErrorVisible) { isPage2ErrorVisible = false; throw new Error('Failed to load comments. Because page === 2'); } const response = await fetch( - `https://jsonplaceholder.typicode.com/comments?_page=${page + lastCache.page}&_limit=1×tamp=${Date.now()}`, + `https://jsonplaceholder.typicode.com/comments?_page=${newPage}&_limit=1×tamp=${Date.now()}`, ); const data = await response.json(); list.value = list.value.concat(data); const hasMore = list.value.length < 5; - updateCache({ page: page + lastCache.page, list: list.value, hasMore }); + updateCache({ page: newPage, list: list.value, hasMore }); return { hasMore }; };