Vue3: Fix TS 5.0 compat with vue-component-type-helpers

[kasperpeulen]

What I did

Use type helpers of the official vue-component-type-helpers to extract prop types compatible with TS 5.0.

This fixes reported bugs in discord when using a recent version of vscode, or using vue-tsc together with TS 5.0.

This also adds missing default props to our args autocompletion! (Such as "class").

How to test

Use a recent version of VSCode, select TS 5.0 and then see the public type tests for vue working with this PR.

I haven't upgraded the monorepo to TS 5.0 yet, will do in a seperate PR.

What we really need to figure out is, how to run our type test in sandboxes, so that we are sure they don't regress with version bumps.

Checklist

• Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests)
• Make sure to add/update documentation regarding your changes
• If you are deprecating/removing a feature, make sure to update
  MIGRATION.MD

Maintainers

• If this PR should be tested against many or all sandboxes,
  make sure to add the ci:merged or ci:daily GH label to it.
• Make sure this PR contains one of the labels below.

["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]

[socket-security]

New dependency changes detected. Learn more about Socket for GitHub ↗︎

---

👍 No new dependency issues detected in pull request

Bot Commands

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of package-name@version specifiers. e.g. @SocketSecurity ignore foo@1.0.0 bar@* or ignore all packages with @SocketSecurity ignore-all

Pull request alert summary

Issue	Status
Install scripts	✅ 0 issues
Native code	✅ 0 issues
Bin script confusion	✅ 0 issues
Bin script shell injection	✅ 0 issues
Shell access	✅ 0 issues
Uses eval	✅ 0 issues
Unresolved require	✅ 0 issues
Invalid package.json	✅ 0 issues
HTTP dependency	✅ 0 issues
Git dependency	✅ 0 issues
GitHub dependency	✅ 0 issues
New author	✅ 0 issues
Potential typo squat	✅ 0 issues
Known Malware	✅ 0 issues
Telemetry	✅ 0 issues
Protestware/Troll package	✅ 0 issues

---

📊 Modified Dependency Overview:

➕ Added Package	Capability Access	+/- Transitive Count	Publisher
vue-component-type-helpers@1.7.8	None	+0	johnsoncodehk

[shilman]

Great work @kasperpeulen !!! 🚀

[chakAs3]

nice @kasperpeulen, did you try "vue-component-type-helpers" it small but great for ComponentProps. ,ComponentSlots ...., i'm using in the new implementation for docs Argtypes table

[chakAs3]

what about my PR #22285 ? you checked it ? nobody did although i have written a documentation not only PR description 😁