How to make virtual list working with vue 3?

Questions
1

Please make a way so that I can use virtual list working on vue3 composition api.

export default {
    props: {
        f7route: Object,
        f7router: Object,
        actionType: Object
    },
    setup(props){

        var items = vref([]);
        var vlData = vref({});

       



        const renderExternal = (vl, vlData) => {
            console.log('@renderExternal vlData',vlData);
            vlData.items = vlData;
        }




        onMounted(async () => {
            for (let i = 1; i <= 10000; i += 1) {
                items.push({
                   title: `Item ${i}`,
                  subtitle: `Subtitle ${i}`,
              });
            }
            setTimeout(() => {
                f7.toolbar.hide(document.querySelector(".appToolbar"),true);
            }, 50);  
        });


        return {
            action: computed(()=>props.actionType),
            items,
            renderExternal,
            vlData
        }
    }
}