<UVerticalNavigation /> icon disappear when icon dynamic set to true in app.config.ts

[imamnf]

Environment

• Operating System: Windows_NT
• Node Version: v20.9.0
• Nuxt Version: 3.9.3
• CLI Version: 3.10.0
• Nitro Version: 2.8.1
• Package Manager: [email protected]
• Builder: -
• User Config: devtools, modules
• Runtime Modules: @nuxt/[email protected]
• Build Modules: -

Version

v2.12.0

Reproduction

Stackblitz
https://stackblitz.com/edit/nuxt-ui-y2uz9a
Local Project
test-ui.zip

Description

First of all, thank you for making this amazing project, I really love it and just happen to use it just now.

Anyway... I stumble upon a bug_(?)_ when I try to use <UVerticalNavigation /> component the icon seems to disappear when the menu navigation is hover. I discover when the dynamic icon icon: { dynamic: true } is enabled on the app.config.ts. But it only happened on the local project and when I testing it on the playground it works perfectly and the icon doesn't disappear.

I don't know if it's a bug or what but I just gonna labeled it as bug because it's only happen on the local project.

Thank you, and I'm sorry if it's a bad written issue. This is my first opening an issue. 😅

Additional context

It only happened on local project and it works fine on playground

Logs

No response

[benjamincanac]

I'm a bit confused, are you referring the the UVerticalNavigation component? Also, your StackBlitz link seems to the default playground, there is nothing inside.

[imamnf]

I'm a bit confused, are you referring the the UVerticalNavigation component? Also, your StackBlitz link seems to the default playground, there is nothing inside.

I'm sorry for the inconvenience, I've updated the issue