modularity

src/stores/settings.ts

@@ -1,9 +1,15 @@
 import { persistentMap } from '@nanostores/persistent'
 import { getDefaultEngineValues, getDefaultEffectValues } from '../config/effects'
 
-export const engineSettings = persistentMap<Record<string, number>>('engine:', getDefaultEngineValues())
+export const engineSettings = persistentMap('engine:', getDefaultEngineValues(), {
+  encode: JSON.stringify,
+  decode: JSON.parse
+})
 
-export const effectSettings = persistentMap<Record<string, number>>('effects:', {
+export const effectSettings = persistentMap('effects:', {
   ...getDefaultEffectValues(),
   masterVolume: 75
+}, {
+  encode: JSON.stringify,
+  decode: JSON.parse
 })