Problem with multiple toasts in succession

[juretopolak]

Environment

• Operating System: Darwin
• Node Version: v18.20.2
• Nuxt Version: 3.14.159
• CLI Version: 3.15.0
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/[email protected], @nuxt/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.7

Reproduction

https://github.com/juretopolak/nuxt-ui3-toasts

https://codesandbox.io/p/github/juretopolak/nuxt-ui3-toasts/main

Description

I’ve noticed an issue where toasts fail to render properly when multiple toasts are triggered in quick succession, such as within a loop. This leads to unexpected behavior, such as:

•	Some toasts not appearing at all.
•	Overlapping toasts.

In the reproduction, every time a button is clicked 2 toasts should appear.

Additional context

nuxt-ui3-toasts.mov

Logs

[AnthonyCVP]

Agreed, would be nice to have multiple toasts of same type in one notification.