javascript / expert
Snippet
Legacy-Store-Interoperabilität: Writable Stores einwickeln
Bei inkrementellen Migrationen von Svelte 4 auf 5 müssen Sie möglicherweise auf Legacy-Stores zugreifen. Dieses Muster wickelt einen 'writable' Store in ein Svelte-5-Runen-kompatibles Objekt ein und macht den Wert über reaktive Getter und Setter verfügbar.
snippet.js
javascript
1
2
3
4
5
6
7
8
function fromStore(store) {let value = $state(undefined);store.subscribe(v => value = v);return {get current() { return value; },set current(v) { store.set(v); }};}
svelte
Erklärung
1
let value = $state(undefined);
Erstellt eine lokale reaktive Rune, um den Wert des Stores zu spiegeln.
2
store.subscribe(v => value = v);
Synchronisiert den Status des Stores mit der Rune.
3
get current() { return value; }
Ermöglicht reaktiven Lesezugriff in Svelte-5-Komponenten.