svelte5

SKILL.md

Always use Svelte 5 runes. Never use Svelte 4 patterns.

| export let foo | let { foo } = $props() | | export let foo = 'default' | let { foo = 'default' } = $props() | | $: doubled = x 2 | let doubled = $derived(x 2) | | $: { sideEffect() } | $effect(() => { sideEffect() }) | | on:click={handler} | onclick={handler} | | on:input={handler} | oninput={handler} |

| on:click\|preventDefault={h} | onclick={e => { e.preventDefault(); h(e) }} | | | {@render children()} | | | {@render x?.()} | | $$props | Use $props() with rest: let { ...rest } = $props() | | $$restProps | let { known, ...rest } = $props() | | createEventDispatcher() | Pass callback props: let { onchange } = $props() |

View raw