Transitions

Explanation

Route transitions can be performed using Vue's <transition> component.

Transitions generally need a key to identify when to perform a transition. The location's pathname is generally ideal for this.

<transition>
  <component
    :is="$curi.response.body"
    :key="$curi.response.location.pathname"
  />
</transition>

Live Demo

Use the three buttons at the top of the Sandbox to toggle view modes. Clicking the menu button in the top left corner opens a menu to switch between files.

On GitHub

If you want to run this code locally, the source code is available on GitHub here.