fix(Button): replace ULink with dynamic component rendering

[fech-dev]

🔗 Linked issue

Resolves #3037

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

The Button component utilizes the Link component to render as a button. However, this causes an issue when using the Button with Vue's Transition or TransitionGroup components. Since the NuxtLink component, used by the Link component, renders a fragment, it prevents the Transition component from animating its child elements.

To address this, I've implemented Vue's dynamic component. When the to prop is provided, it renders a Link component; otherwise, it renders a native button.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@3066

commit: fc6b905

[benjamincanac]

@fech-dev Thanks for trying to solve this but I don't think this is the correct solution as the problem will persist on the Link component. We have to understand why this happens when using <NuxtLink> with custom prop 🤔