docs: add note on stricter attribute syntax (#12988)

closes #12910

---------

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
Co-authored-by: brunnerh <brunnerh@users.noreply.github.com>
pull/12986/head
Rich Harris 3 months ago committed by GitHub
parent b4382e422d
commit b92fe7951b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

@ -244,6 +244,23 @@ When using `onwheel`, `onmousewheel`, `ontouchstart` and `ontouchmove` event att
In the very rare cases that you need to prevent these event defaults, you should use [`on`](https://svelte-5-preview.vercel.app/docs/imports#svelte-events) instead (for example inside an action).
### Attribute/prop syntax is stricter
In Svelte 4, complex attribute values needn't be quoted:
<!-- prettier-ignore -->
```svelte
<Component prop=this{is}valid />
```
This is a footgun. In runes mode, if you want to concatenate stuff you must wrap the value in quotes:
```svelte
<Component prop="this{is}valid" />
```
Note that Svelte 5 will also warn if you have a single expression wrapped in quotes, like `answer="{42}"` — in Svelte 6, that will cause the value to be converted to a string, rather than passed as a number.
## Other breaking changes
### Stricter `@const` assignment validation

Loading…
Cancel
Save