Fix aria-required not set to required prop value for Checkbox

[pmairoldi]

Fixes #1595

This pull requests addresses the issue that the CheckboxRoot component always sets the aria-required attribute to false regardless of what the required props is.

[zernonia]

Thanks for the issue and the PR! 🚀

[pkg-pr-new]

Open in Stackblitz

npm i https://pkg.pr.new/radix-vue@1596

commit: 7593636

[pmairoldi]

Anytime 😃

I was wondering though, why implement all this instead of just using an input and using a sibling selector to style extra elements (https://v3.tailwindcss.com/docs/hover-focus-and-other-states#differentiating-peers)? Browser consistency?

Edit:
Thought about it and it makes perfect sense. I cannot imagine trying to reimplement the touch behaviours on mobile :P