To build the compiler, and all the other modules included in the package:
To build the compiler, and all the other modules included in the package:
```bash
```bash
@ -77,6 +72,9 @@ npm install && npm run update
npm run dev
npm run dev
```
```
### Is svelte.dev down?
Probably not, but it's possible. If you can't seem to access any `.dev` sites, check out [this SuperUser question and answer](https://superuser.com/q/1413402).
@ -121,6 +121,9 @@ An element or component can have multiple spread attributes, interspersed with r
<input{...$$restProps}>
<input{...$$restProps}>
```
```
> The `value` attribute of an `input` element or its children `option` elements must not be set with spread attributes when using `bind:group` or `bind:checked`. Svelte needs to be able to see the element's `value` directly in the markup in these cases so that it can link it to the bound variable.
---
---
### Text expressions
### Text expressions
@ -603,12 +606,13 @@ Media elements (`<audio>` and `<video>`) have their own set of bindings — six
* `seeking` (readonly) — boolean
* `seeking` (readonly) — boolean
* `ended` (readonly) — boolean
* `ended` (readonly) — boolean
...and four*two-way* bindings:
...and five*two-way* bindings:
* `currentTime` — the current point in the video, in seconds
* `currentTime` — the current point in the video, in seconds
* `playbackRate` — how fast to play the video, where 1 is 'normal'
* `playbackRate` — how fast to play the video, where 1 is 'normal'
* `paused` — this one should be self-explanatory
* `paused` — this one should be self-explanatory
* `volume` — a value between 0 and 1
* `volume` — a value between 0 and 1
* `muted` — a boolean value where true is muted
Videos additionally have readonly `videoWidth` and `videoHeight` bindings.
Videos additionally have readonly `videoWidth` and `videoHeight` bindings.
@ -624,6 +628,7 @@ Videos additionally have readonly `videoWidth` and `videoHeight` bindings.
@ -287,7 +287,9 @@ The second argument to `readable` is the same as the second argument to `writabl
```js
```js
import { readable } from 'svelte/store';
import { readable } from 'svelte/store';
const time = readable(new Date(), set => {
const time = readable(null, set => {
set(new Date());
const interval = setInterval(() => {
const interval = setInterval(() => {
set(new Date());
set(new Date());
}, 1000);
}, 1000);
@ -521,7 +523,7 @@ $: $size = big ? 100 : 10;
### `svelte/transition`
### `svelte/transition`
The `svelte/transition` module exports six functions: `fade`, `fly`, `slide`, `scale`, `draw` and `crossfade`. They are for use with Svelte [`transitions`](docs#transition_fn).
The `svelte/transition` module exports seven functions: `fade`, `blur`, `fly`, `slide`, `scale`, `draw` and `crossfade`. They are for use with Svelte [`transitions`](docs#transition_fn).
Probably not, but it's possible. If you can't seem to access any `.dev` sites, check out [this SuperUser question and answer](https://superuser.com/q/1413402).
You need to install a [community supported preprocessor](https://github.com/sveltejs/integrations#preprocessors) such as [svelte-preprocess](https://github.com/kaisermann/svelte-preprocess). Work is ongoing to improve [IDE support](https://github.com/sveltejs/language-tools/issues/83) and build [additional CLI tooling](https://github.com/sveltejs/language-tools/issues/68)
You need to install a [community supported preprocessor](https://github.com/sveltejs/integrations#preprocessors) such as [svelte-preprocess](https://github.com/kaisermann/svelte-preprocess). Work is ongoing to improve [IDE support](https://github.com/sveltejs/language-tools/issues/83). You can also run type checking from command line with [svelte-check](https://www.npmjs.com/package/svelte-check).