mirror of
https://github.com/imezx/Warp.git
synced 2025-04-25 07:30:02 +00:00
30 lines
735 B
Vue
30 lines
735 B
Vue
|
<script lang="ts" setup>
|
||
|
|
import { useData } from '../composables/data'
|
||
|
|
import VPNavBarMenuLink from './VPNavBarMenuLink.vue'
|
||
|
|
import VPNavBarMenuGroup from './VPNavBarMenuGroup.vue'
|
||
|
|
|
||
|
|
const { theme } = useData()
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<nav v-if="theme.nav" aria-labelledby="main-nav-aria-label" class="VPNavBarMenu">
|
||
|
|
<span id="main-nav-aria-label" class="visually-hidden">Main Navigation</span>
|
||
|
|
<template v-for="item in theme.nav" :key="item.text">
|
||
|
|
<VPNavBarMenuLink v-if="'link' in item" :item="item" />
|
||
|
|
<VPNavBarMenuGroup v-else :item="item" />
|
||
|
|
</template>
|
||
|
|
</nav>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.VPNavBarMenu {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.VPNavBarMenu {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|