`v-show` not working on `<UButton>`/`<NuxtLink custom />` (with `ssr: false` or after hmr)

[OrbisK]

Environment

Operating system	Linux 5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36
CPU	Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz (8 cores)
Node.js version	v20.19.1
nuxt/cli version	3.32.0
Package manager	pnpm@8.15.6
Nuxt version	4.3.0
Nitro version	2.13.1
Builder	vite@7.3.1
Config	compatibilityDate, devtools
Modules	-

Reproduction

https://stackblitz.com/edit/github-39jcwecp

https://stackblitz.com/edit/github-aatktsgz

Describe the bug

<UButton v-show="false">this should be hidden</UButton>.

<NuxtLink v-show="false" custom>this should be hidden</NuxtLink> does not hide the element. (style="display: none") has also no effect.

Additional context

This causes downstream bugs when using nuxt ui <UButton />

Logs

[bolt-new-by-stackblitz]

Start a new pull request in StackBlitz Codeflow.

• github-aatktsgz (Open reproduction)

[OrbisK]

I think this is somehow expected, but maybe we should pass all attrs to the default slot.

[OrbisK]

Runtime directive used on component with non-element root node. The directives will not function as intended.

If this should be fixed, it should be fixed at nuxt/ui or documented, that UButton does not work with v-show.

[benjamincanac]

@OrbisK This is the same issue as #3037 and #5108 and is caused by the custom prop on NuxtLink but I have no solution for this at the moment 😬

[github-actions]

Hi! 👋 This issue has been open for 60 days without activity and will be closed in 7 days. Please comment if it's still relevant.