diff --git a/CHANGELOG.md b/CHANGELOG.md index fba777ad9c..e8b4979fde 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1043,7 +1043,7 @@ Also: ## 3.5.1 -* Accommodate webpack idiosyncracies +* Accommodate webpack idiosyncrasies ## 3.5.0 diff --git a/package-lock.json b/package-lock.json index f993cad461..5ab035cd2e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4138,9 +4138,9 @@ } }, "node_modules/qs": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", - "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==", + "version": "6.5.3", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz", + "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==", "dev": true, "engines": { "node": ">=0.6" @@ -8432,9 +8432,9 @@ } }, "qs": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", - "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==", + "version": "6.5.3", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz", + "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==", "dev": true }, "queue-microtask": { diff --git a/site/content/docs/03-template-syntax.md b/site/content/docs/03-template-syntax.md index e08cc6216f..481fbd4405 100644 --- a/site/content/docs/03-template-syntax.md +++ b/site/content/docs/03-template-syntax.md @@ -663,7 +663,7 @@ A `` element behaves similarly to a checkbox group. +A ` @@ -1024,7 +1024,7 @@ Like actions, transitions can have parameters. Transitions can use custom functions. If the returned object has a `css` function, Svelte will create a CSS animation that plays on the element. -The `t` argument passed to `css` is a value between `0` and `1` after the `easing` function has been applied. *In* transitions run from `0` to `1`, *out* transitions run from `1` to `0` — in other words `1` is the element's natural state, as though no transition had been applied. The `u` argument is equal to `1 - t`. +The `t` argument passed to `css` is a value between `0` and `1` after the `easing` function has been applied. *In* transitions run from `0` to `1`, *out* transitions run from `1` to `0` — in other words, `1` is the element's natural state, as though no transition had been applied. The `u` argument is equal to `1 - t`. The function is called repeatedly *before* the transition begins, with different `t` and `u` arguments. @@ -1307,14 +1307,12 @@ A custom animation function can also return a `tick` function, which is called * const d = Math.sqrt(dx * dx + dy * dy); return { - delay: 0, - duration: Math.sqrt(d) * 120, - easing: cubicOut, - tick: (t, u) => - Object.assign(node.style, { - color: t > 0.5 ? 'Pink' : 'Blue' - }); - }; + delay: 0, + duration: Math.sqrt(d) * 120, + easing: cubicOut, + tick: (t, u) => + Object.assign(node.style, { color: t > 0.5 ? 'Pink' : 'Blue' }) + }; } @@ -1415,7 +1413,7 @@ Svelte's CSS Variables support allows for easily themeable components: --- -So you can set a high level theme color: +So you can set a high-level theme color: ```css /* global.css */ @@ -1575,7 +1573,7 @@ Note that explicitly passing in an empty named slot will add that slot's name to --- -Slots can be rendered zero or more times, and can pass values *back* to the parent using props. The parent exposes the values to the slot template using the `let:` directive. +Slots can be rendered zero or more times and can pass values *back* to the parent using props. The parent exposes the values to the slot template using the `let:` directive. The usual shorthand rules apply — `let:item` is equivalent to `let:item={item}`, and `` is equivalent to ``. @@ -1666,11 +1664,11 @@ If `this` is falsy, no component is rendered. The `` element lets you render an element of a dynamically specified type. This is useful for example when displaying rich text content from a CMS. Any properties and event listeners present will be applied to the element. -The only supported binding is `bind:this`, since the element type specific bindings that Svelte does at build time (e.g. `bind:value` for input elements) do not work with a dynamic tag type. +The only supported binding is `bind:this`, since the element type-specific bindings that Svelte does at build time (e.g. `bind:value` for input elements) do not work with a dynamic tag type. If `this` has a nullish value, the element and its children will not be rendered. -If `this` is the name of a void tag (e.g., `br`) and `` has child elements, a runtime error will be thrown in development mode. +If `this` is the name of a [void element](https://developer.mozilla.org/en-US/docs/Glossary/Void_element) (e.g., `br`) and `` has child elements, a runtime error will be thrown in development mode. ```sv