feat(Modal/Slideover): add actions slot

[Barbapapazes]

🔗 Linked issue

❓ 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

Hello 👋,

This PR introduces a new slot named header-actions to the Slideover component. This slot allows users to add custom actions, mainly near the close button, without having to completely override the header slot. This is particularly useful for adding additional buttons like "Expand" or "Collapse" to allow the user to control the slideover's size dynamically.

📝 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@4358

commit: 5c801fa

[benjamincanac]

I believe we can just call this actions and maybe do the same in Modal as well? 🤔

This would match Alert and Toast components having an actions slot next to the close button.

[Barbapapazes]

I believe we can just call this actions and maybe do the same in Modal as well? 🤔

This would match Alert and Toast components having an actions slot next to the close button.

Oh I never notice that Alert and Toast already have these slots. Will have a look and align this PR to the current implementation.

[benjamincanac]

I think you can simply add an actions slot without implementing the loop on UButton for those, this is specific to Alert and Toast I would say.

[Barbapapazes]

I think you can simply add an actions slot without implementing the loop on UButton for those, this is specific to Alert and Toast I would say.

Yes, it makes sense. I rename it to just actions and added it to the Modal component.

[benjamincanac]

Thanks @Barbapapazes! 😊