rename: dispatch -> commit, trigger -> dispatch

Author: yyx990803

examples/chat/components/MessageSection.vue

@@ -42,7 +42,7 @@ export default {
     sendMessage (e) {
       const text = e.target.value
       if (text.trim()) {
-        this.$store.trigger('sendMessage', {
+        this.$store.dispatch('sendMessage', {
           text,
           thread: this.thread
         })

examples/chat/components/ThreadSection.vue

@@ -40,7 +40,7 @@ export default {
   },
   methods: {
     switchThread (id) {
-      this.$store.trigger('switchThread', { id })
+      this.$store.dispatch('switchThread', { id })
     }
   }
 }

examples/chat/vuex/actions.js

@@ -1,22 +1,22 @@
 import * as api from '../api'
 import * as types from './mutation-types'
 
-export const getAllMessages = ({ dispatch }) => {
+export const getAllMessages = ({ commit }) => {
   api.getAllMessages(messages => {
-    dispatch(types.RECEIVE_ALL, {
+    commit(types.RECEIVE_ALL, {
       messages
     })
   })
 }
 
-export const sendMessage = ({ dispatch }, payload) => {
+export const sendMessage = ({ commit }, payload) => {
   api.createMessage(payload, message => {
-    dispatch(types.RECEIVE_MESSAGE, {
+    commit(types.RECEIVE_MESSAGE, {
       message
     })
   })
 }
 
-export const switchThread = ({ dispatch }, payload) => {
-  dispatch(types.SWITCH_THREAD, payload)
+export const switchThread = ({ commit }, payload) => {
+  commit(types.SWITCH_THREAD, payload)
 }

examples/counter-hot/vuex/actions.js

@@ -1,14 +1,14 @@
-export const increment = ({ dispatch }) => dispatch('increment')
-export const decrement = ({ dispatch }) => dispatch('decrement')
+export const increment = ({ commit }) => commit('increment')
+export const decrement = ({ commit }) => commit('decrement')
 
-export const incrementIfOdd = ({ dispatch, state }) => {
+export const incrementIfOdd = ({ commit, state }) => {
   if ((state.count + 1) % 2 === 0) {
-    dispatch('increment')
+    commit('increment')
   }
 }
 
-export const incrementAsync = ({ dispatch }) => {
+export const incrementAsync = ({ commit }) => {
   setTimeout(() => {
-    dispatch('decrement')
+    commit('decrement')
   }, 1000)
 }

examples/counter/store.js

@@ -26,17 +26,17 @@ const mutations = {
 // actions are functions that causes side effects and can involve
 // asynchronous operations.
 const actions = {
-  increment: ({ dispatch }) => dispatch('increment'),
-  decrement: ({ dispatch }) => dispatch('decrement'),
-  incrementIfOdd ({ dispatch, state }) {
+  increment: ({ commit }) => commit('increment'),
+  decrement: ({ commit }) => commit('decrement'),
+  incrementIfOdd ({ commit, state }) {
     if ((state.count + 1) % 2 === 0) {
-      dispatch('increment')
+      commit('increment')
     }
   },
-  incrementAsync ({ dispatch }) {
+  incrementAsync ({ commit }) {
     return new Promise((resolve, reject) => {
       setTimeout(() => {
-        dispatch('increment')
+        commit('increment')
         resolve()
       }, 1000)
     })

examples/shopping-cart/components/Cart.vue

@@ -30,7 +30,7 @@ export default {
   },
   methods: {
     checkout (products) {
-      this.$store.trigger('checkout', products)
+      this.$store.dispatch('checkout', products)
     }
   }
 }

examples/shopping-cart/components/ProductList.vue

@@ -23,7 +23,7 @@ export default {
     'addToCart'
   ]),
   created () {
-    this.$store.trigger('getAllProducts')
+    this.$store.dispatch('getAllProducts')
   }
 }
 </script>

examples/shopping-cart/vuex/actions.js

@@ -1,26 +1,26 @@
 import shop from '../api/shop'
 import * as types from './mutation-types'
 
-export const addToCart = ({ dispatch }, product) => {
+export const addToCart = ({ commit }, product) => {
   if (product.inventory > 0) {
-    dispatch(types.ADD_TO_CART, {
+    commit(types.ADD_TO_CART, {
       id: product.id
     })
   }
 }
 
-export const checkout = ({ dispatch, state }, products) => {
+export const checkout = ({ commit, state }, products) => {
   const savedCartItems = [...state.cart.added]
-  dispatch(types.CHECKOUT_REQUEST)
+  commit(types.CHECKOUT_REQUEST)
   shop.buyProducts(
     products,
-    () => dispatch(types.CHECKOUT_SUCCESS),
-    () => dispatch(types.CHECKOUT_FAILURE, { savedCartItems })
+    () => commit(types.CHECKOUT_SUCCESS),
+    () => commit(types.CHECKOUT_FAILURE, { savedCartItems })
   )
 }
 
-export const getAllProducts = ({ dispatch }) => {
+export const getAllProducts = ({ commit }) => {
   shop.getProducts(products => {
-    dispatch(types.RECEIVE_PRODUCTS, { products })
+    commit(types.RECEIVE_PRODUCTS, { products })
   })
 }

examples/todomvc/components/App.vue

@@ -81,7 +81,7 @@ export default {
     addTodo (e) {
       var text = e.target.value
       if (text.trim()) {
-        this.$store.trigger('addTodo', { text })
+        this.$store.dispatch('addTodo', { text })
       }
       e.target.value = ''
     },

examples/todomvc/vuex/actions.js

@@ -6,5 +6,5 @@ export const toggleAll = makeAction('TOGGLE_ALL')
 export const clearCompleted = makeAction('CLEAR_COMPLETED')
 
 function makeAction (type) {
-  return ({ dispatch }, payload) => dispatch(type, payload)
+  return ({ commit }, payload) => commit(type, payload)
 }