setup default mutations vuex easy access

Author: adenvt

Dockerfile

@@ -60,9 +60,7 @@ COPY --from=compiler /var/www /var/www
 RUN composer dump-autoload --no-dev --optimize
 RUN grep -q "APP_KEY=" .env || echo "APP_KEY=" >> .env
 RUN php artisan key:generate \
-  && php artisan config:cache \
-  && php artisan route:cache \
-  && php artisan view:cache
+  && php artisan optimize
 RUN chown -R www-data:www-data /var/www
 RUN rm -rf /var/www/html/ /var/www/deploy/
 

package-lock.json

@@ -1,10 +1,12 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
+import EasyAccess from 'vuex-easy-access'
+
 import state from './state'
 import mutations from './mutations'
 import getter from './getters'
 import actions from './actions'
-import EasyAccess from 'vuex-easy-access'
+import modules from './modules'
 
 Vue.use(Vuex)
 
@@ -13,5 +15,6 @@ export default new Vuex.Store({
   mutations,
   getter,
   actions,
+  modules,
   plugins: [EasyAccess()],
 })

resources/js/coreui/store/index.js

@@ -1,21 +1,19 @@
+import { defaultMutations } from 'vuex-easy-access'
+
 const state = { config: {} }
 
-const mutations = {
-  set (state, { key, value }) {
-    _.set(state, key, value)
-  },
-}
+// add generate mutation vuex easy access
+// https://mesqueeb.github.io/vuex-easy-access/setup.html#setup
+const mutations = { ...defaultMutations(state) }
 
 const actions = {
   getConfig ({ commit }) {
     return new Promise((resolve, reject) => {
       axios.get('config')
         .then((response) => {
-          commit('set', {
-            key  : 'config',
-            value: response.data,
-          })
-          resolve()
+          commit('config', response.data)
+
+          resolve(response)
         })
         .catch(reject)
     })

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

@@ -0,0 +1,19 @@
+import camelCase from 'lodash/camelCase'
+
+const requireModule = require.context('.', false, /\.js$/)
+const modules       = {}
+
+// Auto loader vuex modules
+requireModule.keys().forEach((fileName) => {
+  if (fileName === './index.js')
+    return
+
+  const moduleName = camelCase(fileName.replace(/(\.\/|\.js)/g, ''))
+
+  modules[moduleName] = {
+    namespaced: true,
+    ...requireModule(fileName).default,
+  }
+})
+
+export default modules

resources/js/coreui/store/modules/index.js

@@ -3,4 +3,7 @@
 // first argument, followed by additional payload arguments.
 // mutations must be synchronous and can be recorded by plugins
 // for debugging purposes.
-export default {}
+import state from './state'
+import { defaultMutations } from 'vuex-easy-access'
+
+export default { ...defaultMutations(state) }