RunableLayout

Load and apply the layout selected in the route metadata.

RunableLayout reads route.meta.layout, loads the matching layout, then renders its default slot inside it.

<template>
  <RunableLayout>
    <RunablePage />
  </RunableLayout>
</template>

Select the layout from a page:

definePageMeta({ layout: "dashboard" });

The value accepts four forms:

Value	Effect
omitted	Loads `default.vue`
`"dashboard"`	Loads `app/layouts/dashboard.vue`
`{ name, props }`	Loads the layout and passes props to it
`false`	Renders the content directly without a layout