Profile My skills Saved My plugins Edit profile Submit a skill

Svelte5 Runes

Svelte 5 Runes

ComeOnOliver Updated 61 repo stars
Web & Frontend

File contents

Svelte 5 Runes

Reactivity

<script>
let count = $state(0);
let doubled = $derived(count * 2);
$effect(() => { console.log('Count:', count); });
</script>
<button => count++}>{count} (doubled: {doubled})</button>

Props

<script>
let { name, age = 25 }: { name: string; age?: number } = $props();
</script>

Stores (shared state)

// stores.svelte.ts
class CounterStore {
    count = $state(0);
    increment() { this.count++; }
}
export const counter = new CounterStore();

ComeOnOliver/skillshub/tree/main/skills/skillshub-team/catalog-batch5/svelte5-runes commit c8e3eeea67

Browse category

Frequently asked questions

npx skillmds@latest add comeonoliver/svelte5-runes