While integrating a custom v-select component, I discovered the following behavior:

const items = [];

for (let index = 0; index < 200; index++) {
  items.push(index);


<v-select label="Select" :items="items" />

Renders as expected all 200 items in the Select dropdown

But when using a slot instead:

const items = [];

for (let index = 0; index < 200; index++) {
  items.push(index);

<v-select label="Select" :items="items">
  <template v-slot:item="{ item }">
    <span>{{ item.title }} </span>
  </template>
</v-select>

It renders only the first 57 items…

This is just a boiled down example to the very issue.

Vue version 3.4.21

Vuetify version 3.5.14

Did I miss something?
Is this some kind of permformance optimization?
It is very annoying that I cannot visualize all entries….