Skip to content

Commit 1aaf46b

Browse files
committed
fix typos and add sveltelab links
1 parent 8ef3e5f commit 1aaf46b

File tree

2 files changed

+13
-8
lines changed

2 files changed

+13
-8
lines changed

.changeset/weak-lemons-explain.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'sveltekit-view-transition': patch
3+
---
4+
5+
fix typos and add sveltelab links

README.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -77,8 +77,8 @@ Optionally, the default animation can be modified via `::view-transition-old(roo
7777
}
7878
7979
/* Or, just modify the duration. */
80-
:gloabl(::view-transition-old(root)),
81-
:gloabl(::view-transition-new(root)) {
80+
:global(::view-transition-old(root)),
81+
:global(::view-transition-new(root)) {
8282
animation-duration: 2s;
8383
}
8484
</style>
@@ -107,7 +107,7 @@ One way to do this is with `transition`, a svelte [action](https://svelte.dev/tu
107107
108108
<style>
109109
:global(::view-transition-old(header)),
110-
:gloibal(::view-transition-new(header)) {
110+
:global(::view-transition-new(header)) {
111111
/* ... */
112112
}
113113
</style>
@@ -163,7 +163,7 @@ This can be achieved by returning an array, i.e. `["back"]`, to our `classes` ca
163163

164164
Now, we can target `.back::view-transition-old(back)` and `.back::view-transition-new(back)` in our CSS and those transitions will only be applied when navigating to the home page `/`.
165165

166-
In the example above, you can see we're destrucuring `navigation` from the provided `OnNavigate` object _(the same object that sveltekit will pass to the `onNavigate` function)_. This object contains a lot of useful information, including the page you are navigating to, allowing us to apply classes conditionally based on the navigation.
166+
In the example above, you can see we're destructuring `navigation` from the provided `OnNavigate` object _(the same object that sveltekit will pass to the `onNavigate` function)_. This object contains a lot of useful information, including the page you are navigating to, allowing us to apply classes conditionally based on the navigation.
167167

168168
<details>
169169
<summary>Click here to see the full <code>Navigation</code> interface.</summary>
@@ -378,10 +378,10 @@ By default the function will be internally wrapped in `afterNavigate` (to reassi
378378

379379
You can find some example of usage in the [examples](https://github.com/paoloricciuti/sveltekit-view-transition/tree/main/examples/) folder.
380380

381-
| Example | Live demo | Features |
382-
| ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------- | ----------------------------------------------------------------------- |
383-
| [list-and-details](https://github.com/paoloricciuti/sveltekit-view-transition/tree/main/examples/list-and-details) | [link](https://svt-list-and-details.vercel.app) | entry/exit animation, dynamic name, page transition from list to detail |
384-
| [sveltegram](https://github.com/paoloricciuti/sveltekit-view-transition/tree/main/examples/sveltegram) | [link](https://svt-sveltegram.vercel.app) | multiple element transitions, conditional apply based on route |
381+
| Example | SvelteLab link | Live demo | Features |
382+
| ------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------------------------------------------------------------------- |
383+
| [list-and-details](https://github.com/paoloricciuti/sveltekit-view-transition/tree/main/examples/list-and-details) | [link](https://sveltelab.dev/github.com/paoloricciuti/sveltekit-view-transition/tree/main/examples/list-and-details) | [link](https://svt-list-and-details.vercel.app) | entry/exit animation, dynamic name, page transition from list to detail |
384+
| [sveltegram](https://github.com/paoloricciuti/sveltekit-view-transition/tree/main/examples/sveltegram) | [link](https://sveltelab.dev/github.com/paoloricciuti/sveltekit-view-transition/tree/main/examples/sveltegram) | [link](https://svt-sveltegram.vercel.app) | multiple element transitions, conditional apply based on route |
385385

386386
## Contributing
387387

0 commit comments

Comments
 (0)