Nuxt CompositionAPI + TypeScript で useStoreの型についてです。

Question

Nuxt CompositionAPI + TypeScript で開発しているのですが、
以下のようなuse〜で取得するインスタンスはどう定義すべきなのでしょうか？

    const store = useStore()
    const route = useRoute()

例えば以下の様にstoreとrouteを引数に取る関数を定義したいとします。

   const hoge = (
      route: ComputedRef<vue_router.Route>,
      store :
    ): void => 

routeに関してはuseRouteの定義に飛ぶと以下の様になっていたのでそれをそのまま型として使い、エラーも出ていませんでした。

import * as vue_router from 'vue-router'

declare const useRoute: () => ComputedRef<vue_router.Route>

しかしuseStoreの型は以下の様に宣言されています。

declare const useStore: <S>(key?: InjectionKey<S> | undefined) => Store<S>

const store = useStore()は引数に何も指定していないため定義上はundefinedとなりますが、するとジェネリックで表現されているSにもundefinedが入る？という事なのでしょうか？
そもそもTypescriptでuseStoreを使う場合どうするのが慣例なのでしょうか？useRouteも一応エラーは出ませんがこれが正しい形なのでしょうか？

ご存知の方ご教授いただけますと幸いです。

Answer 1

そもそもTypescriptでuseStoreを使う場合どうするのが慣例なのでしょうか？

ジェネリクスは、何を割り当てるか明記することもできます。

const store = useStore<型>()

Comments

[Hayato1201]

ご回答ありがとうございます。
それは何の型を指定すれば良いのでしょう？？上記で言う関数hogeの引数のstoreにどのような型を指定すれば良いのかというのが質問の意図なのですが如何でしょうか？？

[maisumakun]

> 上記で言う関数hogeの引数のstoreにどのような型を指定すれば良いのかというのが質問の意図なのですが

そうだったのですね…てっきり、型を手動指定できること自体を知らなかったのだと思って回答しました。

[Hayato1201]

質問が分かり辛く申し訳ありません。
下記に関しては如何でしょうか？？
＞上記で言う関数hogeの引数のstoreにどのような型を指定すれば良いのか

[maisumakun]

それは、最初から与えられるものではなく、どういうデータを入れるか「自分で決めて」型を作らないといけないものではないかと考えます。