feat: `useStore` - Githubissues

svecosystem / runed

Magical utilities for your Svelte applications (WIP)

https://runed.dev

MIT License

461 stars 23 forks source link

feat: `useStore` #50

Closed mass8326 closed 3 months ago

mass8326 commented 4 months ago

Converts a legacy svelte store into boxed state. Useful when a library requires the use of a store but you would like to work with runes in your own code.

<script lang="ts">
    import { useStore } from "runed";
    import { writable } from "svelte/store";

    const store = writable(0);
    const boxed = useStore(store);
</script>

<div>
    <pre>Boxed: {boxed.value}</pre>
    <button onclick={() => boxed.value++}>Increment via boxed</button>
    <pre>Store: {$store}</pre>
    <button onclick={() => ($store = $store + 1)}>Increment via store</button>
</div>