estoy emitiendo un evento a livewire desde alpine para hacer un infiniteScroll
<div id="franchise-list" class="w-full h-full overflow-y-auto"
x-data="{
reactOnScroll() {
this.$el.onscroll = function(ev) {
let visibleHeight = document.getElementById('franchise-list').clientHeight;
let scrolledHeight = document.getElementById('franchise-list').scrollTop;
let totalLoadedHeight = document.getElementById('franchise-list').scrollHeight;
if ((visibleHeight + scrolledHeight) >= (totalLoadedHeight)) {
@this.call('loadMore')
}
};
}
}"
x-init="reactOnScroll()"
>
pero ahora lo quiero en viceversa, tengo una función de resetPagination
en mi componente livewire el cual quiero que cuando lo active, alpine lo pueda escuchar y restablecer el scrolled
scrolledHeight = 0;
cómo puedo hacer en el mismo div que también pueda escuchar emits de livewire? o en todo caso un dispatchBrowserEvent
?