使用Vuex和typescript的正确方法是什么？

import { createStore, Store } from 'vuex';
import { InjectionKey } from 'vue';

// 定义 state 的类型
interface State {
  count: number;
}

// 定义 injection key
export const key: InjectionKey<Store<State>> = Symbol();

// 创建 store 实例
export const store = createStore<State>({
  state: {
    count: 0
  },
  getters: {
    doubleCount(state): number {
      return state.count * 2;
    }
  },
  mutations: {
    increment(state) {
      state.count++;
    }
  },
  actions: {
    incrementAsync({ commit }) {
      setTimeout(() => {
        commit('increment');
      }, 1000);
    }
  }
});

// 在 Vue 组件中使用
import { useStore } from 'vuex';
import { computed } from 'vue';

export default {
  setup() {
    const store = useStore(key);

    const count = computed(() => store.state.count);
    const doubleCount = computed(() => store.getters.doubleCount);

    function increment() {
      store.commit('increment');
    }

    function incrementAsync() {
      store.dispatch('incrementAsync');
    }

    return {
      count,
      doubleCount,
      increment,
      incrementAsync
    };
  }
};