Постраничная навигация для длинных списков: каталог, лента, таблица. Пользователь видит, где находится, и переходит к нужной странице в один клик, а середина из сотен страниц сворачивается в многоточие.

Технические детали: v-model номера страницы, pageCount — всего страниц, siblingCount — сколько страниц видно по бокам от текущей (остальное схлопывается в ellipsis «…»). Кнопки «Назад»/«Вперёд» и «Страница N» с aria-label, активная страница помечается aria-current="page". flow — активная страница переливается градиентом (цвета темы). Уважает prefers-reduced-motion.

страница 2 из 12