Allow all deepmerge.Options to be set

README.md

@@ -207,6 +207,7 @@ Here are the properties, and what they mean -
 | modules         | string[]                               | List of modules you want to persist. (Do not write your own reducer if you want to use this)                                                                                         |
 | asyncStorage    | boolean                                | Denotes if the store uses Promises (like localforage) or not (you must set this to true when using something like localforage) <br>_**Default: false**_                                                                                                |
 | supportCircular | boolean                                | Denotes if the state has any circular references to itself (state.x === state) <br>_**Default: false**_                                                                                                       |
+| mergeOption     | String or deepmerge Options | By default, when merging previous state with the new state, arrays are replaced. <br>You can pass 'concatArrays' to concatenate them instead.<br>Additionally, you can pass through whatever deepmerge.Options you want. <br>_**Default: 'replaceArrays'**_                                                                                                       |
 
 ### Usage Notes
 
@@ -258,6 +259,35 @@ new VuexPersistence({
 })
 ```
 
+#### Non-Plain objects in the store
+
+If you have non-plain objects in your store, you need to provide a way to identify them via the `mergeOption`.
+
+Otherwise, they will be turned into plain objects.
+
+```js
+import Vue from 'vue'
+import Vuex from 'vuex'
+import VuexPersistence from 'vuex-persist'
+import { replaceArrays } from 'vuex-persist'
+import { isPlainObject } from 'is-plain-object';
+
+Vue.use(Vuex)
+
+var store = new Vuex.Store({
+  state: {
+    user: new User('arny'), 
+    navigation: { path: '/home' }
+  },
+  plugins: [new VuexPersistence({
+    mergeOption: {
+      isMergeableObject: isPlainObject,
+      arrayMerge: replaceArrays  
+    }
+  }).plugin]
+})
+```
+
 ## Examples
 
 ### Simple

src/index.ts

@@ -6,7 +6,7 @@ import { AsyncStorage } from './AsyncStorage'
 import { MockStorage } from './MockStorage'
 import { PersistOptions } from './PersistOptions'
 import SimplePromiseQueue from './SimplePromiseQueue'
-import { merge, MergeOptionType } from './utils'
+import { merge, MergeOptionType, replaceArrays, concatArrays } from './utils'
 
 let FlattedJSON = JSON
 
@@ -279,7 +279,7 @@ export class VuexPersistence<S> implements PersistOptions<S> {
 }
 
 export {
-  MockStorage, AsyncStorage, PersistOptions
+  MockStorage, AsyncStorage, PersistOptions, MergeOptionType, replaceArrays, concatArrays
 }
 
 export default VuexPersistence

src/utils.ts

@@ -1,21 +1,23 @@
 import deepmerge from 'deepmerge'
 
-export type MergeOptionType = 'replaceArrays' | 'concatArrays'
+export type MergeOptionType = 'replaceArrays' | 'concatArrays' | deepmerge.Options
 
-const options: {[k in MergeOptionType]: deepmerge.Options} = {
+export const replaceArrays = (destinationArray: any[], sourceArray: any[], options:deepmerge.Options) => sourceArray
+export const concatArrays = (target: any[], source: any[], options:deepmerge.Options) => target.concat(...source)
+
+const stringOptions = {
   replaceArrays: {
-    arrayMerge: (destinationArray, sourceArray, options) => sourceArray
+    arrayMerge: replaceArrays
   },
   concatArrays: {
-    arrayMerge: (target, source, options) => target.concat(...source)
+    arrayMerge: concatArrays
   }
 }
 
-const defaultMergeOptions: deepmerge.Options = {
-  // replacing arrays
-
-}
-
 export function merge<I, F>(into: Partial<I>, from: Partial<F>, mergeOption: MergeOptionType): I & F & {} {
-  return deepmerge(into, from, options[mergeOption])
+  if (typeof mergeOption == 'string') {
+      return deepmerge(into, from, stringOptions[mergeOption])
+  } else {
+      return deepmerge(into, from, mergeOption)
+  }
 }