feat: paginate repo list with infinite scroll
Load 30 repos at a time instead of 100 at once, showing data sooner. Adds v-infinite-scroll to RepoList.vue to fetch subsequent pages on scroll.
This commit is contained in:
@@ -6,7 +6,7 @@ import { RepoBase } from "@/modules/repo/interfaces/RepoBase"
|
||||
|
||||
export const useRepoList = () => {
|
||||
const { savedFavoriteRepos, addFavorite, removeFavorite } = useFavoriteRepos()
|
||||
const { repos } = useRepos()
|
||||
const { repos, canLoadMore, loadMore } = useRepos()
|
||||
|
||||
const favoriteRepos = computed(() => {
|
||||
return repos.value.filter((repo) =>
|
||||
@@ -38,6 +38,8 @@ export const useRepoList = () => {
|
||||
favoriteRepos,
|
||||
otherRepos,
|
||||
favoriteCheckboxes,
|
||||
toggleCheckbox
|
||||
toggleCheckbox,
|
||||
canLoadMore,
|
||||
loadMore
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user