usePageFromRouteQuery

Simplified composable for pagination via URL query parameter. Built on top of useRouteQuery, specifically for managing a 'page' parameter.

Import

import { usePageFromRouteQuery } from 'vuiii'

Usage

// Basic pagination
import { usePageFromRouteQuery } from 'vuiii'

const { page, setPage } = usePageFromRouteQuery({
  onChange: (page) => loadPage(page),
  immediate: true
})

// In template
<Pagination :current="page" @change="setPage" />

// Update the current history entry instead of pushing a new one, so paging through a list
// doesn't leave one back-button entry per page
const { page, setPage } = usePageFromRouteQuery({
  onChange: (page) => loadPage(page),
  replace: true,
})