[vue-tsc / Volar] props に aria-* を必須にしたら エラーになったんで

調べた時のメモ。

環境

-　Vue3(v3.2.41) + Typescript(v4.8.4)
-　vue-tsc (v1.0.9)
-　VSCode （extention: Volar）

どんなエラー？

BaseBadge というコンポーネントがあって、 ariaLabel を必須にしている。

で、呼び出したら vue-tsc で怒られた。

BaseBadge を呼び出ししてるコンポーネントを見てみる。

aria-label 指定しているのに、なぜに怒られる。。？

どうやって解決した？

原因はよくわからないが、 withDefaults で

デフォルト値を指定してあげたら、エラーを吐かなくなった。

まとめ

withDefaults で デフォルト値を指定していなかったので、指定したらエラー吐かなくなった。

その他

この辺が関わってるのですかね？よくわらかないけど。。
https://github.com/johnsoncodehk/volar/issues/1077