Merge branch 'feature/vuex' into develop

Author: adenvt

.babelrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["wildcard"]
+}

package-lock.json

@@ -12,6 +12,7 @@
     "fix": "eslint --ext .js,.vue resources/assets/js/ ./*.js --fix"
   },
   "devDependencies": {
+    "babel-plugin-wildcard": "^5.0.0",
     "cross-env": "^5.1",
     "eslint": "^4.19.1",
     "eslint-config-standard": "^11.0.0",
@@ -36,6 +37,7 @@
     "simple-line-icons": "^2.4.1",
     "vue": "^2.5.16",
     "vue-chartjs": "^3.3.1",
-    "vue-router": "^3.0.1"
+    "vue-router": "^3.0.1",
+    "vuex": "^3.0.1"
   }
 }

package.json

@@ -4,12 +4,14 @@ import Vue from 'vue'
 import BootstrapVue from 'bootstrap-vue'
 import App from './App'
 import router from './router'
+import store from './store'
 
 Vue.use(BootstrapVue)
 
 window.Vue = new Vue({
   el        : '#app',
   router,
+  store,
   template  : '<App/>',
   components: {
     App,

resources/assets/js/coreui/main.js

@@ -55,7 +55,7 @@ import Register from '@/views/pages/Register'
 Vue.use(Router)
 
 export default new Router({
-  mode           : 'hash', // Demo is living in GitHub.io, so required!
+  mode           : 'history', // Demo is living in GitHub.io, so required!
   linkActiveClass: 'open active',
   scrollBehavior : () => ({ y: 0 }),
   routes         : [

resources/assets/js/coreui/router/index.js

@@ -0,0 +1,5 @@
+// actions are functions that cause side effects and can involve
+// asynchronous operations.
+export default {
+
+}

resources/assets/js/coreui/store/actions.js

@@ -0,0 +1,4 @@
+// getters are functions like computed
+export default {
+
+}

resources/assets/js/coreui/store/getters.js

@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import state from './state'
+import mutations from './mutations'
+import getter from './getters'
+import actions from './actions'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state,
+  mutations,
+  getter,
+  actions,
+})

resources/assets/js/coreui/store/index.js

@@ -0,0 +1,31 @@
+const state = {
+  config: {},
+}
+
+const mutations = {
+  set (state, { key, value }) {
+    _.set(state, key, value)
+  },
+}
+
+const actions = {
+  getConfig ({ commit }) {
+    return new Promise((resolve, reject) => {
+      axios.get('config')
+        .then((response) => {
+          commit('set', {
+            key  : 'config',
+            value: response.data,
+          })
+          resolve()
+        })
+        .catch(reject)
+    })
+  },
+}
+
+export default {
+  state,
+  mutations,
+  actions,
+}

resources/assets/js/coreui/store/modules/example.js

@@ -0,0 +1,8 @@
+// mutations are operations that actually mutates the state.
+// each mutation handler gets the entire state tree as the
+// first argument, followed by additional payload arguments.
+// mutations must be synchronous and can be recorded by plugins
+// for debugging purposes.
+export default {
+
+}

resources/assets/js/coreui/store/mutations.js

@@ -0,0 +1,5 @@
+// root state object.
+// each Vuex instance is just a single state tree.
+export default {
+  version: '1.0.0',
+}