[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 | |