[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [XStoreModule](./x-components.xstoremodule.md) ## XStoreModule interface Type safe [Vuex](https://vuex.vuejs.org/) store module. **Signature:** ```typescript export interface XStoreModule, Getters extends Record, Mutations extends MutationsDictionary, Actions extends ActionsDictionary> ``` ## Example How to create a type safe store module: ```typescript interface SearchBoxState { query: string; } interface SearchBoxGetters { safeQuery: string; } interface SearchBoxMutations { setQuery(newQuery: string): void; } interface SearchBoxActions { someAsyncExampleFunction(): Promise; someExampleFunction(doThings: boolean): number; } type SearchBoxXStoreModule = XStoreModule; const searchBoxXStoreModule: SearchBoxXStoreModule = { state: () => ({ query: '' }), getters: { safeQuery(state) { // Your implementation code } }, mutations: { setQuery(state, newQuery) { // Your implementation code } }, actions: { someAsyncExampleFunction() { // Your implementation code }, someExampleFunction(context, doThings) { // Your implementation code } } }; ``` ## Properties

Property	Modifiers	Type	Description
[actions](./x-components.xstoremodule.actions.md)		[ActionsTree](./x-components.actionstree.md)<State, Getters, Mutations, Actions>
[getters](./x-components.xstoremodule.getters.md)		[GettersTree](./x-components.getterstree.md)<State, Getters>
[mutations](./x-components.xstoremodule.mutations.md)		[MutationsTree](./x-components.mutationstree.md)<State, Mutations>
[state](./x-components.xstoremodule.state.md)		() => State