PrimeVUE の InputText が使えない

vue

Vue3でPrimeVueを初めて使ってみました。

InputNumber、InputSwitchといったコンポーネントは問題なく使えるのですが、InputText だけがタグを書いても画面に表示されないのです。

Chrome の DevTools で確認すると <inputtext type="text" ... というタグで幅が 0 になっています。 Webでいくら検索しても、こんな症状で悩んでいるひとは見つかりません。

途方に暮れながら、コンポーネントを import している main.ts を眺めていると

.component('Button', Button )
.component('InputText ', InputText )
.component('InputNumber', InputNumber )

InputText だけ余計な半角スペースがついているじゃありませんか！

.component('InputText', InputText )

スペースを取り除くと問題なく InputText を使えました。

おしまい