svelte-migrate
Automatycznie przenies komponenty Svelte 4 na składnię runes Svelte 5
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do migracji komponentów Svelte z wersji 4 na Svelte 5. Konwertuje starą składnię (export let, reaktywne zmienne, pochodne wartości) na nowy system runes ($props(), $state(), $derived()). Przydatny dla deweloperów modernizujących istniejące projekty Svelte. Obsługuje automatyczne transformacje props, stanu komponentu i wartości pochodnych zgodnie ze wzorcami Svelte 5.
Jak używać
Przygotuj plik komponentu Svelte 4, który chcesz migrować. Upewnij się, że masz dostęp do ścieżki pliku.
Poproś narzędzie o migrację, podając ścieżkę do pliku .svelte. Możesz użyć słów kluczowych takich jak "migrate", "convert" lub "upgrade".
Narzędzie automatycznie przekształci deklaracje props z export let na interfejs Props z $props(). Zmienne eksportowane jako aliasy (export { x as y }) zostaną włączone do interfejsu.
Zmienne stanu (let) będące zmiennymi reaktywnymi zostaną opakowane w $state(). Jeśli zmienna nie jest modyfikowana ani mutowana, pozostanie bez zmian.
Reaktywne instrukcje ($:) zostaną zamienione na $derived() dla prostych wyrażeń lub $derived.by() dla złożonych bloków logiki.
Przejrzyj wygenerowany kod i upewnij się, że typy TypeScript w interfejsie Props są poprawne. Jeśli komponent ma złożone pochodne wartości, sprawdź czy $derived.by() prawidłowo oddaje logikę.