Skip to content

Commit 519957a

Browse files
committed
oops, wrong place
1 parent 594b3ec commit 519957a

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

sites/svelte-5-preview/src/routes/docs/content/03-appendix/02-breaking-changes.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -161,6 +161,16 @@ Svelte now use Mutation Observers instead of IFrames to measure dimensions for `
161161

162162
Content inside component tags becomes a [snippet prop](/docs/snippets) called `children`. You cannot have a separate prop by that name.
163163

164+
## Dot notation indicates a component
165+
166+
In Svelte 4, `<foo.bar>` would create an element with a tag name of `"foo.bar"`. In Svelte 5, `foo.bar` is treated as a component instead. This is particularly useful inside `each` blocks:
167+
168+
```svelte
169+
{#each items as item}
170+
<item.component {...item.props} />
171+
{/each}
172+
```
173+
164174
## Breaking changes in runes mode
165175

166176
Some breaking changes only apply once your component is in runes mode.
@@ -222,16 +232,6 @@ This is [no longer true in Svelte 5](/#H4sIAAAAAAAAE4WQwU7DMAyGX8VESANpXe8lq9Q8A
222232
<svelte:component this={Thing} />
223233
```
224234

225-
### Dot notation indicates a component
226-
227-
In Svelte 4, `<foo.bar>` would create an element with a tag name of `"foo.bar"`. In Svelte 5, `foo.bar` is treated as a component instead. This is particularly useful inside `each` blocks:
228-
229-
```svelte
230-
{#each items as item}
231-
<item.component {...item.props} />
232-
{/each}
233-
```
234-
235235
## Other breaking changes
236236

237237
### Stricter `@const` assignment validation

0 commit comments

Comments
 (0)