feat(FieldGroup): add clear prop

[benjamincanac]

🔗 Linked issue

Resolves #5045, related to #4242

❓ 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

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

commit: c101f0c

[romhml]

This doesn't look intuitive since this FieldGroup's purpose is to cancel the previous one and not be one. We should do that automatically on all components with nested content that could be used in a FieldGroup.

We could make a new component to wrap the Modal, Slideover, Popover contents which voids the Button Group injection internally:

<NestedContent> <!-- provide(fieldGroupInjectionKey, null) -->
  <slot name="content"> ... </slot>
</NestedContent>

[benjamincanac]

Indeed it might be better that manually having to wrap buttons every time. Could we just call useFieldGroup() in those components? 🤔

[romhml]

I think we need a separate component, the trick is that the trigger should inherit from the FieldGroup injection, while the content shouldn't

[romhml]

So you can't just override the injection in the modal component for example