Vue.js: How do you implement virtual scrolling?

1<script setup>
2import { RecycleScroller } from "vue-virtual-scroller"
3import "vue-virtual-scroller/dist/vue-virtual-scroller.css"
4</script>
5
6<template>
7  <RecycleScroller
8    :items="items"
9    :item-size="50"
10    key-field="id"
11  >
12    <template #default="{ item }">
13      <div>{{ item.name }}</div>
14    </template>
15  </RecycleScroller>
16</template>