c0depanda · January 6, 2019 04:47 · Jan 6, 2019 · Jan 6, 2019
diff --git a/store.js b/store.js
@@ -22,7 +22,7 @@ export const store = new Vuex.Store({
     mutations: {
         // Add item to cart
         addItemToCart (state, payload) {
-            state.cart.push[payload];
+            state.cart.push(payload);
         },
     },
 })
diff --git a/store.js b/store.js
@@ -0,0 +1,28 @@
+// import Vue
+import Vue from 'vue';
+// import Vuex
+import Vuex from 'vuex';
+
+// Install the Vuex plugin on vue
+Vue.use(Vuex);
+
+// create a Vuex store instance
+export const store = new Vuex.Store({
+    state: {
+        cart: ["bread", "rice", "beans", "turkey"]
+    },
+
+    getters: {
+        // Fetch the total number of items in the cart
+        totalNumberOfCartItems: state => {
+            return state.cart.length;
+        },
+    },
+
+    mutations: {
+        // Add item to cart
+        addItemToCart (state, payload) {
+            state.cart.push[payload];
+        },
+    },
+})