<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 () => { […]