From ce6fb91501c43211795514b7c51069c29cb15488 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Mon, 20 Feb 2017 18:38:18 +0100
Subject: [PATCH] Throttle saving data, once every 5 seconds is enough.
---
src/lib/persisted_state.js | 7 ++++++-
1 file changed, 6 insertions(+), 1 deletion(-)
diff --git a/src/lib/persisted_state.js b/src/lib/persisted_state.js
index 67ecc1eaa..1e9533615 100644
--- a/src/lib/persisted_state.js
+++ b/src/lib/persisted_state.js
@@ -1,5 +1,6 @@
import merge from 'lodash.merge'
import objectPath from 'object-path'
+import { throttle } from 'lodash'
const defaultReducer = (state, paths) => (
paths.length === 0 ? state : paths.reduce((substate, path) => {
@@ -33,6 +34,10 @@ const defaultStorage = (() => {
return new InternalStorage()
})()
+const defaultSetState = (key, state, storage) => {
+ return storage.setItem(key, JSON.stringify(state))
+}
+
export default function createPersistedState ({
key = 'vuex',
paths = [],
@@ -40,7 +45,7 @@ export default function createPersistedState ({
const value = storage.getItem(key)
return value && value !== 'undefined' ? JSON.parse(value) : undefined
},
- setState = (key, state, storage) => storage.setItem(key, JSON.stringify(state)),
+ setState = throttle(defaultSetState, 5000),
reducer = defaultReducer,
storage = defaultStorage,
subscriber = store => handler => store.subscribe(handler)
--
GitLab