separating getters and actions to dedicated files break typing of `this`

I want to separate my getters and actions to dedicated files instead of just put them all together in one store file, like this:

import { defineStore } from 'pinia'
import { state } from './state'
import { getters } from './getters'
import { actions } from './actions'

export const useMainStore = defineStore({
  id: 'main',
  state: () => state,
  getters,
  actions,
})

But in the getters and actions file, I can not use this to reference the store object now. What should I do for such a situation? Thanks!

[vycoder]

Hi @posva, if it’s not too much to ask, can you provide an example (or even include it in the documentation) of how to properly type this when splitting them into their own separate files?

[posva]

You will have to manually type this using the Store type and creating types for each of its generics https://github.com/posva/pinia/blob/fc56acb41e3753ddc8aef965d3d78bfac4f93db5/src/store.ts#L216

Some of them can be inferred with ReturnType<typeof state> but you will need to manually do G and A for getters and actions