how to set up vuex with typescript

// store.ts

import { InjectionKey } from ‘vue’

import { createStore, Store } from ‘vuex’

// define your typings for the store state

export interface State {

  count: number

}
// define injection key

export const key: InjectionKey> = Symbol()
export const store = createStore({

  state: {

    count: 0

  }

})
// define your own `useStore` composition function

export function useStore () {

  return baseUseStore(key)

}
// main.ts

import { createApp } from ‘vue’

import { store, key } from ‘./store’
const app = createApp({ … })
// pass the injection key

app.use(store, key)
app.mount(‘#app’)