Infinite scrolling with Vue 3

  setup(props) {

        let products= ref(props.Product)



        
         window.addEventListener('scroll',debounce((e)=>{


            let pixelfrombottom =  document.documentElement.offsetHeight - document.documentElement.scrollTop - window.innerHeight

                if(pixelfrombottom < 200){

                    axios.get(products.value.next_page_url).then(res=>{


                        products.value={
                            ...res.data,
                            data:[...products.value.data,...res.data.data]
                        }

                        
                    })


                }

        },100))

        return {products}
    }