with alpinejs I can easily catch custom window events.

markup

<div x-data="map_data" @mapupdate.window="updateTodos">

...

js

const sendEvent = (name, payload) => {
    var evt = new CustomEvent(name, {detail: payload});
    window.dispatchEvent(evt);
}
sendEvent("mapupdate", {"okay":"roger"})

Let's say I don't want to create a window event but catch a "local" event coming from leaflet. This is how I can normally catch the event:

map.on('zoomend', function() {
    console.log("end");
});

Is it possible to instead dispatching a custom event again to directly catch the leaflet event with alpinejs?

<div x-data="map_data" @zoomend.map="updateTodos">