feat(link): add view-transition prop

posva commented 2 months ago

<template>
  <RouterLink to="/some-page" view-transition>
    Go to some page
  </RouterLink>
</template>

Limitations:

Since it the view transition triggers right away, the DOM visually freezes until the navigation is completed but it still allows to have a nice effect with minimal code

Example by Evan

netlify[bot] commented 2 months ago

Deploy Preview for vue-router canceled.

Name	Link
Latest commit	bd2dd8c37c8d275ef4d506aaa71018c03cadcd45
Latest deploy log	https://app.netlify.com/sites/vue-router/deploys/66e1b99dacb2d40008d7df26

codecov[bot] commented 2 months ago

Codecov Report

Attention: Patch coverage is 76.19048% with 5 lines in your changes missing coverage. Please review.

Project coverage is 97.31%. Comparing base (be68148) to head (bd2dd8c). Report is 14 commits behind head on main.

Files with missing lines	Patch %	Lines
packages/router/src/RouterLink.ts	76.19%	4 Missing and 1 partial :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #2356 +/- ## ========================================== - Coverage 97.39% 97.31% -0.08% ========================================== Files 26 26 Lines 6020 6040 +20 Branches 824 827 +3 ========================================== + Hits 5863 5878 +15 - Misses 155 159 +4 - Partials 2 3 +1 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

vuejs / router