vuex store start

Author: Laoujin

cli-socks/src/store.ts

@@ -3,84 +3,87 @@ import Vuex from "vuex";
 
 Vue.use(Vuex);
 
-// Exercise 5? Kill the counter store and use the products store below!
+
+const productList = [{
+  name: "Vue Socks",
+  brand: "Vue",
+  price: 5,
+  variants: [
+    {id: 1, color: "green"},
+    {id: 2, color: "blue"}
+  ],
+  inventory: 3,
+  reviews: []
+},
+{
+  name: "Angular Socks",
+  brand: "angular",
+  price: 15,
+  variants: [
+    {id: 1, color: "red"},
+    {id: 2, color: "blue"}
+  ],
+  inventory: 3,
+  reviews: []
+},
+{
+  name: "npm Socks",
+  brand: "npm",
+  price: 3,
+  variants: [
+    {id: 1, color: "red"},
+  ],
+  inventory: 3,
+  reviews: []
+}];
+
 
 export default new Vuex.Store({
-  // ~ component.data
   state: {
-    count: 0
+    premium: true,
+    cart: [],
+    products: productList
   },
 
-  // ~ component.methods
-  actions: {},
+  actions: {
 
-  // ~ component.computed
+  },
   getters: {
-    countAlias(state) {
-      return state.count;
-    }
+    
   },
 
-  // ~ redux.reducers
   mutations: {
-    increment(state) {
-      state.count++;
-    },
-    decrement(state) {
-      state.count--;
+    addToCart(state, product) {
+      const cart = state.cart as any;
+      cart.push(product);
     }
   },
 });
 
 
-// const productList = [{
-//   name: "Vue Socks",
-//   brand: "Vue",
-//   price: 5,
-//   variants: [
-//     {id: 1, color: "green"},
-//     {id: 2, color: "blue"}
-//   ],
-//   inventory: 3,
-//   reviews: []
-// },
-// {
-//   name: "Angular Socks",
-//   brand: "angular",
-//   price: 15,
-//   variants: [
-//     {id: 1, color: "red"},
-//     {id: 2, color: "blue"}
-//   ],
-//   inventory: 3,
-//   reviews: []
-// },
-// {
-//   name: "npm Socks",
-//   brand: "npm",
-//   price: 3,
-//   variants: [
-//     {id: 1, color: "red"},
-//   ],
-//   inventory: 3,
-//   reviews: []
-// }];
-
-
 // export default new Vuex.Store({
+//   // ~ component.data
 //   state: {
-//     premium: true,
-//     cart: [],
-//     products: productList
+//     count: 0
 //   },
 
+//   // ~ component.methods
 //   actions: {},
-//   getters: {},
 
+//   // ~ component.computed
+//   getters: {
+//     countAlias(state) {
+//       return state.count;
+//     }
+//   },
+
+//   // ~ redux.reducers
 //   mutations: {
-//     addToCart(state, product) {
-//       const cart = state.cart as any;
-//       cart.push(product);
+//     increment(state) {
+//       state.count++;
+//     },
+//     decrement(state) {
+//       state.count--;
 //     }
 //   },
 // });