Expose close event for USlideover (Overlay & Button)

[OmicronZed]

Description

I’ve been using USlideover from NuxtUI (v3), and I noticed that there’s no event triggered when clicking on the overlay (outside of the slideover). This makes it tricky to detect when a user dismisses it by clicking outside, rather than using the close button.

It would be super helpful if USlideover emitted an event whenever it’s closed—whether that’s via the close button or the overlay. That way, we could easily handle any necessary logic when the slideover is dismissed.

If exposing a close event isn’t feasible, maybe the overlay could be made accessible as a slot? That way, we could wrap it in our own template and attach a @click event directly. This would give us more flexibility in handling interactions.

I took a look at the source code, and it seems like these interactions are already handled internally, but they aren’t exposed as events:
🔗 Slideover.vue

Would be awesome to see this in a future update.

Additional context

No response

[benjamincanac]

Did you try using the @update:open event? 🤔

https://ui3.nuxt.dev/components/slideover#control-open-state

[OmicronZed]

I’ve already tried that :(. The 'open' status remains false, even when the Slideover is actually open.

I should also mention that I'm opening the Slideover programmatically.

slideover.open(UserSlideover, ...)

[benjamincanac]

Closing as this should be fixed using useOverlay.