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:
Julien Calixte
2026-04-05 11:56:36 +02:00
parent 3de9eb35f6
commit 006cd63388
3 changed files with 43 additions and 23 deletions

View File

@@ -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
}
}