fix(FileUpload): add aria-disabled attribute when disabled

[innocenzi]

❓ Type of change

• 👌 Enhancement

📚 Description

Adds aria-disabled to the element acting as a button inside FileUpload. My use case is supporting this:

:root[data-use-pointer-cursors="true"]
	:where(a[href], button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], label[for], summary):not(:disabled):not([aria-disabled="true"]) {
	cursor: pointer;
}

[coderabbitai]

📝 Walkthrough

Walkthrough

In FileUpload.vue, a single conditional :aria-disabled attribute binding is added to the root dropzone/button element. The binding is applied only when variant === 'button' and reflects the computed disabled state, enabling assistive technologies to detect the disabled status in button mode.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description check	✅ Passed	The description directly matches the change and explains the CSS pointer-cursor use case.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title accurately describes the main change: adding aria-disabled to FileUpload when disabled.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[pkg-pr-new]

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

commit: 9554e5b

[benjamincanac]

I think aria-disabled is redundant on the button variant since native disabled already covers it. The variant that actually needs it is area (a <div role="button">). Could you flip it?

:aria-disabled="variant === 'button' ? undefined : (disabled || undefined)"