Main
A <main> component to fill the screen.
Usage
The Main
component will instantiate a <main>
tag and set the min-height
to fill the screen based on the --header-height
variable, the footer will be pushed out of the screen.
app.vue
<template>
<UHeader />
<UMain>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</UMain>
<UFooter />
</template>
Slots
default
{}
Props
ui
{}
{}