Modularized store

src/renderer/components/SettingsPanel.vue

@@ -33,20 +33,14 @@
       }
     },
     methods: {
-      buttonClick: function () {
-        this.$store.commit('TOGGLE_HYDRATED')
-      },
       directorySelect: function (flightgearDirectory) {
         console.log(flightgearDirectory)
         this.$store.commit('SETTINGS_DIRECTORY', flightgearDirectory.path)
       }
     },
     computed: {
-      hydrated: function () {
-        return this.$store.state.hydrated
-      },
       flightgear_directory: function () {
-        return this.$store.state.settings.flightgearDirectory
+        return this.$store.state.Settings.settings.flightgearDirectory
       }
     }
   }

src/renderer/store/index.js

@@ -1,25 +1,16 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 // import from 'electron-settings'
-import createPersistedState from 'vuex-persistedstate'
+// import the auto exporter
+import createLogger from 'vuex/dist/logger'
+import modules from './modules'
 
 Vue.use(Vuex)
 
+const debug = process.env.NODE_ENV !== 'production'
+
 export default new Vuex.Store({
-  state: {
+  modules,
-    settings: { flightgearDirectory: '.' }
+  strict: debug,
-  },
+  plugins: debug ? [createLogger()] : [] // set logger only for development
-  actions: {
-  },
-  mutations: {
-    'DELETE_INDEXED_DB' () {},
-    'SETTINGS_DIRECTORY' (state, flightgearDirectory) {
-      state.settings.flightgearDirectory = flightgearDirectory
-    }
-  },
-  getters: {
-    hydrated: state => state.hydrated
-  },
-  plugins: [createPersistedState()],
-  strict: true
 })

src/renderer/store/modules/Settings.js

@@ -1,25 +1,24 @@
+import createPersistedState from 'vuex-persistedstate'
+
 const state = {
-  flightgearPath: ''
+  settings: { flightgearDirectory: '.' }
 }
 
 const mutations = {
-  DECREMENT_MAIN_COUNTER (state) {
+  'DELETE_INDEXED_DB' () { },
-    state.main--
+  'SETTINGS_DIRECTORY' (state, flightgearDirectory) {
-  },
+    state.settings.flightgearDirectory = flightgearDirectory
-  INCREMENT_MAIN_COUNTER (state) {
-    state.main++
   }
 }
 
+const plugins = [createPersistedState()]
+
 const actions = {
-  someAsyncTask ({ commit }) {
-    // do something async
-    commit('INCREMENT_MAIN_COUNTER')
-  }
 }
 
 export default {
   state,
   mutations,
-  actions
+  actions,
+  plugins
 }