svelte-migrate
Migrate a Svelte 4 component to Svelte 5 runes syntax. Use when asked to migrate, convert, or upgrade a .svelte file to Svelte 5.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Migrate a Svelte 4 component to Svelte 5 runes syntax. Use when asked to migrate, convert, or upgrade a .svelte file to Svelte 5.
How to use
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ę.