useLoadPaginatedData

Extends useLoadData with pagination support for loading data in pages. Provides methods for loading specific pages, next/previous navigation, and optional append mode for infinite scroll.

Import

import { useLoadPaginatedData } from 'vuiii'

Usage

// Basic paginated data loading
import { useLoadPaginatedData } from 'vuiii'
import type { PaginatedData } from 'vuiii'

const { items, pagination, loadPage, isLoading } = useLoadPaginatedData(({ page, itemsPerPage }) =>
  api.getUsers({ page, itemsPerPage }),
)

onMounted(() => loadPage(1))

More Examples

// With immediate loading
const { items, pagination } = useLoadPaginatedData(({ page, itemsPerPage }) => api.getItems({ page, itemsPerPage }), {
  immediate: true,
})

// Navigation between pages
const { loadPage, loadNextPage, loadPreviousPage, pagination } = useLoadPaginatedData(source)

await loadPage(1) // Load first page
await loadNextPage() // Go to page 2
await loadPreviousPage() // Back to page 1
await loadPage(5) // Jump to page 5