I have a question regarding sending an array with values ranging from 1 to 100 on the v-autocomplete item props. However, when scrolling through the list, only numbers up to 40-50 are visible.
<template>
<v-app>
<v-container>
<v-autocomplete
label="Autocomplete"
:items="CountList"
variant="outlined"
>
<template #item="{ item }">
<v-list-item>{{ item.raw }}</v-list-item>
</template>
</v-autocomplete>
</v-container>
</v-app>
</template>
<script setup>
import { ref, inject } from 'vue'
const CountList = ref([])
for (let i = 1; i <= 100; i++) {
CountList.value.push(i)
}
</script>
When using dropdown list, all numbers up to 100 should be displayed. However, when employing <template #item>, not all numbers up to 100 appear. What could be causing this issue?