|
|
|
@ -13,8 +13,16 @@ provide('close-screen', closeScreen)
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<header class="VPNav" :class="{ 'no-sidebar' : !hasSidebar }">
|
|
|
|
|
<VPNavBar :is-screen-open="isScreenOpen" @toggle-screen="toggleScreen" />
|
|
|
|
|
<VPNavScreen :open="isScreenOpen" />
|
|
|
|
|
<VPNavBar :is-screen-open="isScreenOpen" @toggle-screen="toggleScreen">
|
|
|
|
|
<template #nav-bar-title-before><slot name="nav-bar-title-before" /></template>
|
|
|
|
|
<template #nav-bar-title-after><slot name="nav-bar-title-after" /></template>
|
|
|
|
|
<template #nav-bar-content-before><slot name="nav-bar-content-before" /></template>
|
|
|
|
|
<template #nav-bar-content-after><slot name="nav-bar-content-after" /></template>
|
|
|
|
|
</VPNavBar>
|
|
|
|
|
<VPNavScreen :open="isScreenOpen">
|
|
|
|
|
<template #nav-screen-content-before><slot name="nav-screen-content-before" /></template>
|
|
|
|
|
<template #nav-screen-content-after><slot name="nav-screen-content-after" /></template>
|
|
|
|
|
</VPNavScreen>
|
|
|
|
|
</header>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|