<template>
  <v-app>
    <v-container>
      <div class="search-section">
        <div class="search-fields">
          <v-text-field v-model="search" label="ФИО"></v-text-field>
          <v-text-field v-model="birthdateSearch" label="Дата рождения"></v-text-field>
          <v-text-field v-model="studyUidSearch" label="UUID исследования"></v-text-field>
          <v-text-field v-model="studyDateSearch" label="Дата исследования"></v-text-field>
          <v-text-field v-model="modalitySearch" label="Модальность"></v-text-field>
        </div>
      </div>
    <v-data-table :items="filteredItems" multi-sort :loading="loading" @update:pagination="updatePagination">
      <template v-for="header in headers" v-slot:[`header.${header.value}`] :key="header.value">
        <span>{{ header.text }}</span>
      </template>
    </v-data-table>
    </v-container>
  </v-app>
</template>

<script setup>
const updatePagination = async () => {
  console.log("hello im here");
};
</script>

Im making an web app and trying to implement search in big data with pagination, I want to display the next 100 records on the next page event but it seems like @update:pagination not working in vuetify 3, are there any analogs?