Save state to localStorage

Author: Djuuu

src/services/storage.js

@@ -0,0 +1,35 @@
+import {merge} from 'lodash'
+
+export default class Storage {
+
+    constructor(key) {
+
+        this.key = key;
+
+        if (!window.localStorage) {
+            console.error('localStorage not available');
+        }
+    }
+
+    plugin = store => {
+
+        store.replaceState(merge(
+            store.state,
+            this.load()
+        ));
+
+        this.save(store.state);
+
+        store.subscribe((mutation, state) => {
+            this.save(state);
+        })
+    };
+
+    load() {
+        return JSON.parse(window.localStorage.getItem(this.key) || '{}');
+    }
+
+    save(data) {
+        window.localStorage.setItem(this.key, JSON.stringify(data));
+    }
+}

src/store.js

@@ -1,15 +1,17 @@
 import Vue  from 'vue';
 import Vuex from 'vuex';
 
-import Ticket from "@/models/ticket";
+import Storage from "@/services/storage";
 
 Vue.use(Vuex);
 
 export default new Vuex.Store({
     state:     {
-        tickets: [
-        ],
+        tickets: [],
     },
+    plugins: [
+        new Storage('ticket-calc').plugin
+    ],
     getters: {
         tickets: state => state.tickets,
     },