[IMP] update dependencies

package.json

@@ -9,30 +9,29 @@
 		"build": "export NODE_ENV=production &&./node_modules/.bin/webpack --progress --config webpack.config.js"
 	},
 	"devDependencies": {
-		"babel-core": "^6.25.0",
-		"babel-loader": "^7.1.1",
-		"babel-preset-env": "^1.6.0",
+		"babel-core": "^6.26.0",
+		"babel-loader": "^7.1.2",
+		"babel-preset-env": "^1.6.1",
 		"babel-preset-stage-2": "^6.24.1",
-		"css-loader": "^0.28.4",
-		"extract-text-webpack-plugin": "^3.0.0",
-		"file-loader": "^0.11.2",
+		"css-loader": "^0.28.7",
+		"extract-text-webpack-plugin": "^3.0.2",
+		"file-loader": "^1.1.5",
 		"node-sass": "^4.5.3",
-		"pug": "^2.0.0-rc.2",
+		"pug": "^2.0.0-rc.4",
 		"sass-loader": "^6.0.6",
-		"style-loader": "^0.18.2",
-		"url-loader": "^0.5.9",
-		"vue-loader": "^12.2.2",
-		"vue-template-compiler": "^2.4.1",
-		"webpack": "^3.3.0",
-		"webpack-livereload-plugin": "^0.11.0"
+		"style-loader": "^0.19.0",
+		"url-loader": "^0.6.2",
+		"vue-loader": "^13.3.0",
+		"vue-template-compiler": "^2.5.2",
+		"webpack": "^3.8.1",
+		"webpack-livereload-plugin": "^1.0.0"
 	},
 	"dependencies": {
 		"axios": "^0.17.0",
-		"fuse.js": "^3.0.5",
-		"vue": "^2.4.1",
-		"vue-form-wizard": "^0.6.1",
-		"vue-js-modal": "^1.2.6",
-		"vue-simple-spinner": "^1.2.1",
-		"vuex": "^2.3.1"
+		"fuse.js": "^3.2.0",
+		"vue": "^2.5.2",
+		"vue-form-wizard": "^0.7.0",
+		"vue-js-modal": "^1.3.4",
+		"vuex": "^3.0.0"
 	}
 }

src/App.vue

@@ -1,15 +1,19 @@
 <template lang="pug">
     .pos
         form-wizard(title='' subtitle='' finishButtonText='Finalizar' color='#7c7bad' nextButtonText='Continuar' backButtonText='Volver' @on-complete='createSale')
-            tab-content(title="Qué productos necesita?") Step 1
-            tab-content(title="Quién es el cliente?") Step 2
-            tab-content(title="Cómo quieres pagar?") Step 3
+            tab-content(title="Qué productos necesita?")
+                .step 1
+            tab-content(title="Quién es el cliente?")
+                .step 2
+            tab-content(title="Cómo quieres pagar?")
+                .step 3
 </template>
 
 <script>
     import { mapActions } from 'vuex'
 
     import { FormWizard, TabContent } from 'vue-form-wizard'
+    import 'vue-form-wizard/dist/vue-form-wizard.min.css'
 
     export default {
         components: {

src/store/actions.js

@@ -29,7 +29,7 @@ const actions = {
      */
     explodeData({ dispatch }, payload) {
         for (let value in payload) {
-            console.log(value)
+            dispatch(`INIT_${value.split(/(?=[A-Z])/).join('_').toUpperCase()}`, payload[value])
         }
     },
     /**

src/store/modules/product.js

@@ -16,7 +16,7 @@ const getters = {
      * 
      * @param {*} state 
      */
-    users(state) {
+    products(state) {
         return state.products
     },
     /**

src/store/modules/user.js

@@ -54,7 +54,7 @@ const actions = {
      * @param {*} payload 
      */
     [INIT_USER] ({ commit }, payload) {
-        commit(SET_USER)
+        commit(SET_USER, payload)
         commit(SET_LOADING_USER)
     }
 }