svelte-local-storage-store

svelte-local-storage-store

A store that adds pub/sub to local storage. Supports changes across multiple tabs.

Installation

npm install svelte-local-storage-store

Usage

Define the store:

import { writable } from 'svelte-local-storage-store'

// First param `preferences` is the local storage key.
// Second param is the initial value.
export const preferences = writable('preferences', {
  theme: 'dark',
  pane: '50%',
  ...
})

Then when you want to use the store:

import { get } from 'svelte/store'
import { preferences } from './stores'

preferences.subscribe(...) // subscribe to changes
preferences.update(...) // update value
preferences.set(...) // set value
get(preferences) // read value
$preferences // read value with automatic subscription

Change serializer or storage type:

import { writable } from 'svelte-local-storage-store'
import * as devalue from 'devalue';

// Third parameter is options.
export const preferences = writable('preferences', 'foo', {
  serializer: devalue // defaults to JSON
  storage: 'session' // set to 'session' for sessionStorage, defaults to 'local'
})

License

MIT