Как разбить список на страницы в Vue. js?

Question

Я подключаюсь к API и получаю большой список элементов, которые отображаются следующим образом:

<template>
    <div>
        <Item v-for="story in stories" :key="story.data.id" :story="story"></Item>
    </div>
</template>

В списке более 200 элементов, и загрузка занимает время. Как я могу разделить список на страницы из 10-20 элементов, которые будут загружены, когда пользователь перейдет на страницу

Answer 1

Компонент vuetify v-data-table имеет автоматическую опцию c строк на страницу