🏗️ (vuex) init vuex store

src/store/index.ts

@@ -1,11 +1,55 @@
 import Vue from 'vue'
-import Vuex from 'vuex'
+import Vuex, { ActionContext, ActionTree } from 'vuex'
+import VuexPersistence from 'vuex-persist'
 
 Vue.use(Vuex)
 
-export default new Vuex.Store({
+export interface State {
-  state: {},
+  interval: number
-  mutations: {},
+  withMusic: boolean
-  actions: {},
+}
-  modules: {}
+
+export interface RootActions extends ActionTree<State, State> {
+  setInterval: (ctx: ActionContext<State, State>, payload: number) => void
+  setWithMusic: (ctx: ActionContext<State, State>, payload: boolean) => void
+}
+
+const vuexLocal = new VuexPersistence<State>({
+  key: 'binome',
+  storage: window.localStorage
 })
+
+const SET_INTERVAL = 'SET_INTERVAL'
+const WITH_MUSIC = 'WITH_MUSIC'
+
+const store = new Vuex.Store<State>({
+  state: {
+    interval: 5,
+    withMusic: true
+  },
+  getters: {
+    interval: ({ interval }) => interval,
+    withMusic: ({ withMusic }) => withMusic
+  },
+  mutations: {
+    [SET_INTERVAL](state, interval: number) {
+      state.interval = interval
+    },
+    [WITH_MUSIC](state, withMusic: boolean) {
+      state.withMusic = withMusic
+    }
+  },
+  actions: {
+    setInterval({ commit }, interval: number) {
+      if (interval > 0) {
+        commit(SET_INTERVAL, interval)
+      }
+    },
+    setWithMusic({ commit }, withMusic: number) {
+      commit(WITH_MUSIC, withMusic)
+    }
+  },
+  plugins: [vuexLocal.plugin]
+})
+
+export default store