В таблице на vuetify v-slot для кастомизации пагинации выдает ошибку в vs code, но отрабатывает, как переписать под верный синтаксис?

Question

[sunny-plum]

В таблице на vuetify v-slot для кастомизации пагинации выдает ошибку в vs code, но отрабатывает, как переписать под верный синтаксис?
Помогите, плиз

<template>
  <div>
    <v-data-table
      v-model="selected"
      :headers="headers"
      :items="desserts"
      :single-select="singleSelect"
      item-key="name"
      :items-per-page="20"
      show-select
      :footer-props="{
        prevIcon: 'mdi-chevron-left',
        nextIcon: 'mdi-chevron-right',
      }"
    >
      <template v-slot:footer.page-text="items">
        Showing {{ items.pageStart }} - {{ items.pageStop }} of
        {{ items.itemsLength }} contacts
      </template>
    </v-data-table>
  </div>
</template>

Выдает ошибку именно этот фрагмент
<template v-slot:footer.page-text="items">
Вот текст ошибки - 'v-slot' directive doesn't support any modifier.eslint-plugin-vue

Я пыталась под синтаксис из документации переписать - не выходит