You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: documentation/docs/03-template-syntax/[email protected]
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -22,7 +22,7 @@ It also will not compile Svelte code.
22
22
23
23
## Styling
24
24
25
-
Content rendered this way is 'invisible' to Svelte and thus will not receive [scoped styles](scoped-styles). In other words, this will not work, and the `a` and `img` styles will be regarded as unused:
25
+
Content rendered this way is 'invisible' to Svelte and as such will not receive [scoped styles](scoped-styles). In other words, this will not work, and the `a` and `img` styles will be regarded as unused:
Copy file name to clipboardExpand all lines: documentation/docs/06-runtime/03-lifecycle-hooks.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -41,7 +41,7 @@ If a function is returned from `onMount`, it will be called when the component i
41
41
</script>
42
42
```
43
43
44
-
> [!NOTE] This behaviour will only work when the function passed to `onMount`_synchronously_ returns a value. `async` functions always return a `Promise`, and thus cannot _synchronously_ return a function.
44
+
> [!NOTE] This behaviour will only work when the function passed to `onMount`is _synchronous_. `async` functions always return a `Promise`.
Modifiers are specific to `on:` and thus do not work with modern event handlers. Adding things like `event.preventDefault()` inside the handler itself is preferable, since all the logic lives in one place rather than being split between handler and modifiers.
248
+
Modifiers are specific to `on:` and so do not work with modern event handlers. Adding things like `event.preventDefault()` inside the handler itself is preferable, since all the logic lives in one place rather than being split between handler and modifiers.
249
249
250
250
Since event handlers are just functions, you can create your own wrappers as necessary:
251
251
@@ -340,7 +340,7 @@ When spreading props, local event handlers must go _after_ the spread, or they r
340
340
341
341
## Snippets instead of slots
342
342
343
-
In Svelte 4, content can be passed to components using slots. Svelte 5 replaces them with snippets, which are more powerful and flexible, and so slots have been deprecated in Svelte 5.
343
+
In Svelte 4, content can be passed to components using slots. Svelte 5 replaces them with snippets, which are more powerful and flexible, and so slots are deprecated in Svelte 5.
344
344
345
345
They continue to work, however, and you can pass snippets to a component that uses slots:
346
346
@@ -835,7 +835,7 @@ Assignments to destructured parts of a `@const` declaration are no longer allowe
835
835
836
836
### :is(...), :has(...), and :where(...) are scoped
837
837
838
-
Previously, Svelte did not analyse selectors inside `:is(...)`, `:has(...)`, and `:where(...)`, effectively treating them as global. Svelte5 analyses them in the context of the current component. Thus, some selectors may now be treated as unused if they were relying on thistreatment. To fix this, use `:global(...)` inside the `:is(...)/:has(...)/:where(...)` selectors.
838
+
Previously, Svelte did not analyse selectors inside `:is(...)`, `:has(...)`, and `:where(...)`, effectively treating them as global. Svelte5 analyses them in the context of the current component. Someselectors may now therefore be treated as unused if they were relying on thistreatment. To fix this, use `:global(...)` inside the `:is(...)/:has(...)/:where(...)` selectors.
839
839
840
840
When using Tailwind's `@apply` directive, add a `:global` selector to preserve rules that use Tailwind-generated `:is(...)` selectors:
841
841
@@ -964,7 +964,7 @@ Since these mismatches are extremely rare, Svelte 5 assumes that the values are
964
964
965
965
### Hydration works differently
966
966
967
-
Svelte 5 makes use of comments during server-side rendering which are used for more robust and efficient hydration on the client. Thus, you shouldn't remove comments from your HTML output if you intend to hydrate it, and if you manually authored HTML to be hydrated by a Svelte component, you need to adjust that HTML to include said comments at the correct positions.
967
+
Svelte 5 makes use of comments during server-side rendering which are used for more robust and efficient hydration on the client. You therefore should not remove comments from your HTML output if you intend to hydrate it, and if you manually authored HTML to be hydrated by a Svelte component, you need to adjust that HTML to include said comments at the correct positions.
Copy file name to clipboardExpand all lines: documentation/docs/98-reference/.generated/compile-errors.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -392,7 +392,7 @@ In legacy mode, it was possible to reassign or bind to the each block argument i
392
392
{/each}
393
393
```
394
394
395
-
This turned out to be buggy and unpredictable, particularly when working with derived values (such as `array.map(...)`), and thus is forbidden in runes mode. You can achieve the same outcome by using the index instead:
395
+
This turned out to be buggy and unpredictable, particularly when working with derived values (such as `array.map(...)`), and as such is forbidden in runes mode. You can achieve the same outcome by using the index instead:
Copy file name to clipboardExpand all lines: packages/svelte/messages/compile-errors/script.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -54,7 +54,7 @@ In legacy mode, it was possible to reassign or bind to the each block argument i
54
54
{/each}
55
55
```
56
56
57
-
This turned out to be buggy and unpredictable, particularly when working with derived values (such as `array.map(...)`), and thus is forbidden in runes mode. You can achieve the same outcome by using the index instead:
57
+
This turned out to be buggy and unpredictable, particularly when working with derived values (such as `array.map(...)`), and as such is forbidden in runes mode. You can achieve the same outcome by using the index instead:
0 commit comments