diff options
| author |  Houston (Bot) <108291165+astrobot-houston@users.noreply.github.com>
| 2023-08-03 07:54:48 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-08-03 10:54:48 -0400 |
| commit | 39b044e09b0ee4041cc340e465f44d487fd15a4a (patch) | |
| tree | f600cb5b8b772376078d794fad298c1a4844ce60 /.changeset/empty-experts-unite.md | |
| parent | 1f0ee494a5190356d130282f1f51ba2a5e6ea63f (diff) | |
| download | astro-39b044e09b0ee4041cc340e465f44d487fd15a4a.tar.gz astro-39b044e09b0ee4041cc340e465f44d487fd15a4a.tar.zst astro-39b044e09b0ee4041cc340e465f44d487fd15a4a.zip | |
[ci] release (#7912)astro@2.10.0@astrojs/vercel@3.8.0@astrojs/node@5.3.2@astrojs/image@0.17.3
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Diffstat (limited to '.changeset/empty-experts-unite.md')
| -rw-r--r-- | .changeset/empty-experts-unite.md | 27 |
1 files changed, 0 insertions, 27 deletions
diff --git a/.changeset/empty-experts-unite.md b/.changeset/empty-experts-unite.md deleted file mode 100644 index 78d0f2e86..000000000 --- a/.changeset/empty-experts-unite.md +++ /dev/null @@ -1,27 +0,0 @@ ---- -'astro': minor ---- - -Persistent DOM and Islands in Experimental View Transitions - -With `viewTransitions: true` enabled in your Astro config's experimental section, pages using the `<ViewTransition />` routing component can now access a new `transition:persist` directive. - -With this directive, you can keep the state of DOM elements and islands on the old page when transitioning to the new page. - -For example, to keep a video playing across page navigation, add `transition:persist` to the element: - -```astro -<video controls="" autoplay="" transition:persist> - <source src="https://ia804502.us.archive.org/33/items/GoldenGa1939_3/GoldenGa1939_3_512kb.mp4" type="video/mp4"> -</video> -``` - -This `<video>` element, with its current state, will be moved over to the next page (if the video also exists on that page). - -Likewise, this feature works with any client-side framework component island. In this example, a counter's state is preserved and moved to the new page: - -```astro -<Counter count={5} client:load transition:persist /> -``` - -See our [View Transitions Guide](https://docs.astro.build/en/guides/view-transitions/#maintaining-state) to learn more on usage. |