move module specific getters and actions into each module (vuejs#399)

nbin2008 · Nov 10, 2016 · 8609536 · 8609536
1 parent 1fbf9cd
commit 8609536
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 21 deletions.
diff --git a/examples/shopping-cart/store/actions.js b/examples/shopping-cart/store/actions.js
@@ -1,4 +1,3 @@
-import shop from '../api/shop'
 import * as types from './mutation-types'
 
 export const addToCart = ({ commit }, product) => {
@@ -8,19 +7,3 @@ export const addToCart = ({ commit }, product) => {
     })
   }
 }
-
-export const checkout = ({ commit, state }, products) => {
-  const savedCartItems = [...state.cart.added]
-  commit(types.CHECKOUT_REQUEST)
-  shop.buyProducts(
-    products,
-    () => commit(types.CHECKOUT_SUCCESS),
-    () => commit(types.CHECKOUT_FAILURE, { savedCartItems })
-  )
-}
-
-export const getAllProducts = ({ commit }) => {
-  shop.getProducts(products => {
-    commit(types.RECEIVE_PRODUCTS, { products })
-  })
-}
diff --git a/examples/shopping-cart/store/getters.js b/examples/shopping-cart/store/getters.js
@@ -1,7 +1,3 @@
-export const checkoutStatus = state => state.cart.checkoutStatus
-
-export const allProducts = state => state.products.all
-
 export const cartProducts = state => {
   return state.cart.added.map(({ id, quantity }) => {
     const product = state.products.all.find(p => p.id === id)

diff --git a/examples/shopping-cart/store/modules/cart.js b/examples/shopping-cart/store/modules/cart.js
@@ -1,3 +1,4 @@
+import shop from '../../api/shop'
 import * as types from '../mutation-types'
 
 // initial state
@@ -7,6 +8,24 @@ const state = {
   checkoutStatus: null
 }
 
+// getters
+const getters = {
+  checkoutStatus: state => state.checkoutStatus
+}
+
+// actions
+const actions = {
+  checkout ({ commit, state }, products) {
+    const savedCartItems = [...state.added]
+    commit(types.CHECKOUT_REQUEST)
+    shop.buyProducts(
+      products,
+      () => commit(types.CHECKOUT_SUCCESS),
+      () => commit(types.CHECKOUT_FAILURE, { savedCartItems })
+    )
+  }
+}
+
 // mutations
 const mutations = {
   [types.ADD_TO_CART] (state, { id }) {
@@ -41,5 +60,7 @@ const mutations = {
 
 export default {
   state,
+  getters,
+  actions,
   mutations
 }
diff --git a/examples/shopping-cart/store/modules/products.js b/examples/shopping-cart/store/modules/products.js
@@ -1,10 +1,25 @@
+import shop from '../../api/shop'
 import * as types from '../mutation-types'
 
 // initial state
 const state = {
   all: []
 }
 
+// getters
+const getters = {
+  allProducts: state => state.all
+}
+
+// actions
+const actions = {
+  getAllProducts ({ commit }) {
+    shop.getProducts(products => {
+      commit(types.RECEIVE_PRODUCTS, { products })
+    })
+  }
+}
+
 // mutations
 const mutations = {
   [types.RECEIVE_PRODUCTS] (state, { products }) {
@@ -18,5 +33,7 @@ const mutations = {
 
 export default {
   state,
+  getters,
+  actions,
   mutations
 }