Svelte/5/Svelte Element Expression

Last update

Jan 10, 2025

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

Converts this="..." syntax to this={...} format.
Ensures proper JSX-like syntax within Svelte components for consistency with Svelte's latest standards.

Before

<svelte:element this="div">

<svelte:element this={"div"}>

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

Converts this="..." syntax to this={...} format.
Ensures proper JSX-like syntax within Svelte components for consistency with Svelte's latest standards.

<svelte:element this="div">

<svelte:element this={"div"}>

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community