In the table on vuetify, v-slot for customizing pagination gives an error in vs code, but works out how to rewrite it to the correct syntax?

Question

Vue.js

In the table on vuetify, v-slot for customizing pagination gives an error in vs code, but works out how to rewrite it to the correct syntax?
Help, pliz

<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>

It is this fragment that gives an error Here is the text of the error - 'v-slot' directive doesn't support any modifier.eslint-plugin-vue I tried to rewrite the syntax from the documentation - it doesn't work
<template v-slot:footer.page-text="items">