Update View Transitions Docs

[OliverSpeir]

📋 Suggested page

https://docs.astro.build/en/guides/view-transitions/

📋 General description or bullet points (if proposing new content)

Add "Removing <ViewTransitions/> Component section

• "What needs to change?"
• "What can I keep?"
• "How do I reuse my custom animations?"

Maybe add tracking of browser support, I personally will volunteer for keeping this updated

As of right now:

• Chrome and Edge support level 2
• Safari added level 1, I haven't found a good issue to track level 2
• Firefox has plans for level 1 in new couple months, Bugzilla

[sarah11918]

Great call out to document removing the component!

As for updating statuses... is there a predictable static link for checking each browser's status? I would prefer if we didn't have to ourselves literally say "Browser X, level Y support" but could have one link that never needs updating that is e.g.[current adoption status of Browser X](link we don't have to update)

Or, if some other source we trust is updating statuses, I would be OK to link to even a non-official source that we find reliable and have faith will themselves be updating.

[liruifengv]

How about the View Transitions API Docs In MDN?

[sarah11918]

That link looks amazing, exactly what I was thinking of! 🙌

[OliverSpeir]

That link covers level 1 Astro needs level 2 to be able to replace the ViewTransitions component

[martrapp]

Granted, mdn is currently a bit in transition between level 1 and 2 for the documentation, but liruifengv's link is fine. The startViewTransition table shows level 1 support and the @viewTransition table shows level 2 support.

[sarah11918]

@martrapp posted his page recently https://events-3bg.pages.dev/jotter/api/references/#w3c-drafts ... would this work? (lol, Martin just commented)

[OliverSpeir]

Also worth noting that we need to explain that transition persist won’t be supported by the browsers

[sarah11918]

Great addition! Looking for someone to run with this and make an initial draft PR for docs!

[sarah11918]

Just checking to see whether anyone is interested in picking this one up! We've got the link mentioned above for browser support, and a section on removing the component would be welcome!