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: pnpm@9.0.6
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/eslint@0.7.1, @nuxt/ui@3.0.0-alpha.7
• 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

https://github.com/user-attachments/assets/161918f9-7ab2-45d9-aebb-493977ebbc52

Logs

[AnthonyCVP]

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