Replies: 5 comments
-
|
I'm very interested in this too and given it some thought. Since the current Also worth noting it's being added to Nuxt 🥳 nuxt/nuxt#20092 |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
It seems to me developers would need to add more CSS in their projects to support both the View Transitions API (if available) and Vue's own transitions API. Therefore, if this is added, it probably needs to be an opt-in feature. A new " |
Beta Was this translation helpful? Give feedback.
-
|
Tagging @danielroe, maybe you have some ideas on how to properly add this to Vue? 😃 |
Beta Was this translation helpful? Give feedback.
-
|
Any updates on this? I believe this would be a valuable feature addition. Especially now that View Transition are also supported in Safari and will soon be supported in Firefox. Partial support is already available in Firefox Nightly and View Transitions are a focus area for interop 2025. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
What problem does this feature solve?
View Transitions API (currently supported by Chrome only) is a browser-provided API to do full page or shared element transitions. It greatly simplifies the implementation of
<transition>as the Vue can directly mutate the DOM state and no need to keep both the old and new components in the DOM at the same time.What does the proposed API look like?
The
<transition>element should call the View Transition API directly if it is supported. Alternatively, a new element such as<native-transition>can be provided as it seems the currently CSS syntax is not identical.Beta Was this translation helpful? Give feedback.
All reactions