RunablePage

Display the component associated with the current Vue Router route.

RunablePage is Runable's facade for RouterView. It forwards its props, attributes, and slots to the Vue Router component.

<template>
  <RunablePage />
</template>

Props

Prop	Type	Description
`name`	`string`	Name of the view to display for a named route
`route`	`RouteLocationNormalized`	Route to render instead of the current route

The default slot receives Component and route:

<RunablePage v-slot="{ Component, route }">
  <Transition :name="String(route.meta.transition ?? 'fade')">
    <component :is="Component" />
  </Transition>
</RunablePage>

Report an issue Edit this page

On this page