msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

docs links that points outside

Browse Source
pull/7038/head
Ignatius Bagus 5 years ago
parent 2f9c6302cb
commit e1d4ae8561
No known key found for this signature in database
GPG Key ID: 357C6674A45CC06B
4 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File

6
site/content/docs/00-introduction.md
Unescape View File

@ -4,8 +4,8 @@ title: Before we begin
This page contains detailed API reference documentation. It's intended to be a resource for people who already have some familiarity with Svelte. This page contains detailed API reference documentation. It's intended to be a resource for people who already have some familiarity with Svelte.
If that's not you (yet), you may prefer to visit the [interactive tutorial](tutorial) or the [examples](examples) before consulting this reference. If that's not you (yet), you may prefer to visit the [interactive tutorial](/tutorial) or the [examples](/examples) before consulting this reference.
Don't be shy about asking for help in the [Discord chatroom](chat). Don't be shy about asking for help in the [Discord chatroom](/chat).
Using an older version of Svelte? Have a look at the [v2 docs](https://v2.svelte.dev). Using an older version of Svelte? Have a look at the [v2 docs](https://v2.svelte.dev).

2
site/content/docs/01-component-format.md
Unescape View File

@ -109,7 +109,7 @@ Update expressions (`count += 1`) and property assignments (`obj.x = y`) have th
--- ---
Because Svelte's reactivity is based on assignments, using array methods like `.push()` and `.splice()` won't automatically trigger updates. A subsequent assignment is required to trigger the update. This and more details can also be found in the [tutorial](tutorial/updating-arrays-and-objects). Because Svelte's reactivity is based on assignments, using array methods like `.push()` and `.splice()` won't automatically trigger updates. A subsequent assignment is required to trigger the update. This and more details can also be found in the [tutorial](/tutorial/updating-arrays-and-objects).
```sv ```sv
<script> <script>

4
site/content/docs/02-template-syntax.md
Unescape View File

@ -1022,7 +1022,7 @@ A custom transition function can also return a `tick` function, which is called
{/if} {/if}
``` ```
If a transition returns a function instead of a transition object, the function will be called in the next microtask. This allows multiple transitions to coordinate, making [crossfade effects](tutorial/deferred-transitions) possible. If a transition returns a function instead of a transition object, the function will be called in the next microtask. This allows multiple transitions to coordinate, making [crossfade effects](/tutorial/deferred-transitions) possible.
##### Transition events ##### Transition events
@ -1644,7 +1644,7 @@ As with `<svelte:window>` and `<svelte:body>`, this element has to appear at the
```sv ```sv
<svelte:head> <svelte:head>
<link rel="stylesheet" href="tutorial/dark-theme.css"> <link rel="stylesheet" href="/tutorial/dark-theme.css">
</svelte:head> </svelte:head>
``` ```

12
site/content/docs/03-run-time.md
Unescape View File

@ -5,7 +5,7 @@ title: Run time
### `svelte` ### `svelte`
The `svelte` package exposes [lifecycle functions](tutorial/onmount) and the [context API](tutorial/context-api). The `svelte` package exposes [lifecycle functions](/tutorial/onmount) and the [context API](/tutorial/context-api).
#### `onMount` #### `onMount`
@ -541,7 +541,7 @@ As with [`tweened`](docs#run-time-svelte-motion-tweened) stores, `set` and `upda
Both `set` and `update` can take a second argument — an object with `hard` or `soft` properties. `{ hard: true }` sets the target value immediately; `{ soft: n }` preserves existing momentum for `n` seconds before settling. `{ soft: true }` is equivalent to `{ soft: 0.5 }`. Both `set` and `update` can take a second argument — an object with `hard` or `soft` properties. `{ hard: true }` sets the target value immediately; `{ soft: n }` preserves existing momentum for `n` seconds before settling. `{ soft: true }` is equivalent to `{ soft: 0.5 }`.
[See a full example on the spring tutorial.](tutorial/spring) [See a full example on the spring tutorial.](/tutorial/spring)
```sv ```sv
<script> <script>
@ -589,7 +589,7 @@ Animates the opacity of an element from 0 to the current opacity for `in` transi
* `duration` (`number`, default 400) — milliseconds the transition lasts * `duration` (`number`, default 400) — milliseconds the transition lasts
* `easing` (`function`, default `linear`) — an [easing function](docs#run-time-svelte-easing) * `easing` (`function`, default `linear`) — an [easing function](docs#run-time-svelte-easing)
You can see the `fade` transition in action in the [transition tutorial](tutorial/transition). You can see the `fade` transition in action in the [transition tutorial](/tutorial/transition).
```sv ```sv
<script> <script>
@ -664,7 +664,7 @@ Animates the x and y positions and the opacity of an element. `in` transitions a
* `y` (`number`, default 0) - the y offset to animate out to and in from * `y` (`number`, default 0) - the y offset to animate out to and in from
* `opacity` (`number`, default 0) - the opacity value to animate out to and in from * `opacity` (`number`, default 0) - the opacity value to animate out to and in from
You can see the `fly` transition in action in the [transition tutorial](tutorial/adding-parameters-to-transitions). You can see the `fly` transition in action in the [transition tutorial](/tutorial/adding-parameters-to-transitions).
```sv ```sv
<script> <script>
@ -855,7 +855,7 @@ The `flip` function calculates the start and end position of an element and anim
--- ---
You can see a full example on the [animations tutorial](tutorial/animate) You can see a full example on the [animations tutorial](/tutorial/animate)
```sv ```sv
@ -879,7 +879,7 @@ You can see a full example on the [animations tutorial](tutorial/animate)
Easing functions specify the rate of change over time and are useful when working with Svelte's built-in transitions and animations as well as the tweened and spring utilities. `svelte/easing` contains 31 named exports, a `linear` ease and 3 variants of 10 different easing functions: `in`, `out` and `inOut`. Easing functions specify the rate of change over time and are useful when working with Svelte's built-in transitions and animations as well as the tweened and spring utilities. `svelte/easing` contains 31 named exports, a `linear` ease and 3 variants of 10 different easing functions: `in`, `out` and `inOut`.
You can explore the various eases using the [ease visualiser](examples#easing) in the [examples section](examples). You can explore the various eases using the [ease visualiser](/examples#easing) in the [examples section](/examples).
| ease | in | out | inOut | | ease | in | out | inOut |

Write Preview
Loading…
Cancel
Save