Svelte Store Persist Localstorage Sessionstorage Custom Store

Definisi

Store bisa di-persist ke localStorage/sessionStorage lewat custom store yang membaca nilai awal dari storage dan menulis setiap perubahan. Berguna untuk tema, keranjang, preferensi user yang bertahan saat reload.

Kapan dipakai

Pakai saat state harus bertahan antar sesi (dark mode, cart, token sementara di sessionStorage). Jangan simpan secret di localStorage (bisa dibaca JS mana pun).

Cara kerja

Custom persist store

js

import { writable } from 'svelte/store';
 
function persisted(key, initial) {
  const saved = localStorage.getItem(key);