This recipe is a set of codemods that will help migrate to Svelte 5.

This codemod updates Svelte component definitions by transforming the this attribute in <svelte:element> tags:

This codemod updates Svelte component rendering:

This codemod updates CSS handling in your project:

This codemod updates Svelte component instantiation and event handling for Svelte 5:

This codemod updates Svelte component instantiation and event handling for Svelte 5:

In Svelte 3 and 4, components were classes, while in Svelte 5, components are functions. This codemod updates the instantiation of Svelte components to use mount or hydrate (imported from svelte), ensuring compatibility with Svelte 5's new functional component model.