store に型がなくてバグ仕込んでしまったので型ほしい

会社のプロダクトを Vue(Nuxt)と TypeScript で開発しているんだけど、一部 JavaScript が残っていたり、状態の管理に Vuex を使ったり Composition API を使ったりして分散している。

で、Vuex の state をコンポーネント側で mapGetters を使って利用したりしているんだけど、Vuex はそもそも TypeScript との相性が悪いという話はよく出ているし、さらにそもそも Store が JavaScript で型が存在しないので、VS Code で mouseover してもほとんど any になってしまうのが大変つらい。

いろんなファイルを行き来して原因探ってみたいなの、多少慣れたプロダクトでどこに何があるかを概要だけでも把握しているならわりと問題ないかもしれないけど、新しくジョインして新しく触るプロダクト、とかだったらかなり渋い感じになってしまう。

TS に置き換えていくぞ……。