Commit 85102b59 authored by Marcia Ramos's avatar Marcia Ramos

Merge branch 'patch-35' into 'master'

Docs: Add spaces before code snippets in vuex.md

See merge request gitlab-org/gitlab-ce!23737
parents 4dfe7178 00ba8248
...@@ -137,6 +137,7 @@ By following this pattern we guarantee: ...@@ -137,6 +137,7 @@ By following this pattern we guarantee:
#### Dispatching actions #### Dispatching actions
To dispatch an action from a component, use the `mapActions` helper: To dispatch an action from a component, use the `mapActions` helper:
```javascript ```javascript
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';
...@@ -204,6 +205,7 @@ export const getUsersWithPets = (state, getters) => { ...@@ -204,6 +205,7 @@ export const getUsersWithPets = (state, getters) => {
``` ```
To access a getter from a component, use the `mapGetters` helper: To access a getter from a component, use the `mapGetters` helper:
```javascript ```javascript
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
...@@ -226,6 +228,7 @@ export const ADD_USER = 'ADD_USER'; ...@@ -226,6 +228,7 @@ export const ADD_USER = 'ADD_USER';
### How to include the store in your application ### How to include the store in your application
The store should be included in the main component of your application: The store should be included in the main component of your application:
```javascript ```javascript
// app.vue // app.vue
import store from 'store'; // it will include the index.js file import store from 'store'; // it will include the index.js file
...@@ -364,7 +367,8 @@ Because we're currently using [`babel-plugin-rewire`](https://github.com/speedsk ...@@ -364,7 +367,8 @@ Because we're currently using [`babel-plugin-rewire`](https://github.com/speedsk
`[vuex] actions should be function or object with "handler" function` `[vuex] actions should be function or object with "handler" function`
To prevent this error from happening, you need to export an empty function as `default`: To prevent this error from happening, you need to export an empty function as `default`:
```
```javascript
// getters.js or actions.js // getters.js or actions.js
// prevent babel-plugin-rewire from generating an invalid default during karma tests // prevent babel-plugin-rewire from generating an invalid default during karma tests
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment