Svelte 5 and Runes Mode

Svelte 5 introduced major changes centered around Runes, which provide a clearer and more consistent reactivity system, Example:

let { adjective } = $props();
let counter = $state(0); //=> now counter is reactive, its changing effects html

Now it is much clearer when, for example, a value-change in a variable, will trigger a DOM update.

Starting with version 9 of this gem, the vite.config.ts includes:

runes: true

This enforces Runes mode across the project.

→ More details:

• Svelte Docs – What are Runes?
• Svelte v5 Migration Guide