svelte-runes

IMPORTANT: Keep description on ONE line for Claude Code compatibility prettier-ignore Svelte Runes

Which rune? Props: $props() | Bindable: $bindable() | Computed: $derived() | Side effect: $effect() | State: $state()

Key rules: Runes are top-level only. $derived can be overridden (use const for read-only). Don't mix Svelte 4/5 syntax. Objects/arrays are deeply reactive by default.

Provides Svelte 5 runes guidance for reactive state, props, derived values, effects, and attachments. Use when implementing reactivity, managing component props, computing derived state, handling side effects, or migrating from Svelte 4. Triggers on "reactive state", "component props", "computed value", "$state", "$derived", "$effect", "$props", or "Svelte 5 migration". Works with .svelte files using $state, $derived, $effect, $props, $bindable runes and prevents common reactivity mistakes and Svelte 4/5 syntax mixing. Source: dawiddutoit/custom-claude.