Add tabSync option

README.md

@@ -48,7 +48,7 @@ Options are defined as following:
 ```js
  storage: {
   vuex, // boolean or {namespace}
-  localStorage, // boolean or {prefix }
+  localStorage, // boolean or {prefix, tabSync }
   cookie, // boolean or {prefix, options }
   initialState,  // Object {}
   ignoreExceptions //
@@ -69,7 +69,8 @@ and default to the following values:
     }
   },
   localStorage: {
-    prefix: ''
+    prefix: '',
+    tabSync: true
   },
   ignoreExceptions: false,
 }
@@ -126,6 +127,10 @@ For example:
 
 - `$storage.removeUniversal(key)`
 
+- `$storage.enableTabTrack(key)`
+
+- `$storage.disableTabTrack(key)`
+
 - `$storage.getState(key)`
 
 - `$storage.setState(key, value)`

lib/module.js

@@ -11,7 +11,8 @@ const defaults = {
     }
   },
   localStorage: {
-    prefix: ''
+    prefix: '',
+    tabSync: true
   },
   ignoreExceptions: false
 }

lib/storage.js

@@ -8,8 +8,10 @@ export default class Storage {
   constructor (ctx, options) {
     this.ctx = ctx
     this.options = options
+    this.trackTabKeys = []
 
     this._initState(options.initialState)
+    this._initTabSync()
   }
 
   // ------------------------------------
@@ -146,6 +148,34 @@ export default class Storage {
   // Local storage
   // ------------------------------------
 
+  _initTabSync () {
+    if (typeof localStorage === 'undefined' || !this.options.localStorage || !this.options.localStorage.tabSync || !process.client) {
+      return
+    }
+    window.addEventListener('storage', () => {
+      this.trackTabKeys.forEach(key => {
+        const value = this.getLocalStorage(key)
+        if (isSet(value)) {
+          this.setUniversal(key, this.getLocalStorage(key))
+        }
+      })
+    })
+  }
+
+  enableTabTrack (key) {
+    const i = this.trackTabKeys.findIndex(item => item === key)
+    if (i < 0) {
+      this.trackTabKeys.push(key)
+    }
+  }
+
+  disableTabTrack (key) {
+    const i = this.trackTabKeys.findIndex(item => item === key)
+    if (i >= 0) {
+      this.trackTabKeys.splice(i, 1)
+    }
+  }
+
   setLocalStorage (key, value) {
     if (typeof localStorage === 'undefined' || !this.options.localStorage) {
       return