useStore

Convert a legacy svelte store into rune-powered boxed state.

Demo

boxed.value: 0
$store: 0

Usage

	<script lang="ts">
  import { useStore } from "runed";
  import { writable } from "svelte/store";
 
  const store = writable(0);
  const boxed = useStore(store);
</script>
 
<div>
  <p>Rune: {boxed.value}</p>
  <button onclick={() => boxed.value++}>Increment via boxed</button>
  <p>Store: {$store}</p>
  <button onclick={() => ($store = $store + 1)}>Increment via store</button>
</div>	
MIT

© 2024 Svecosystem Team