element-plus/docs/.vitepress/vitepress/components/full-screen/vp-menu.vue
zouhang d8954f945e
chore: make eslint works in docs folder (#3582)
* chore: make eslints work in docs folder

* refactor(dev): improve eslint

* fix eslint issue

Co-authored-by: Kevin <sxzz@sxzz.moe>
Co-authored-by: jeremywuuuuu <15975785+JeremyWuuuuu@users.noreply.github.com>
2021-09-23 14:16:37 +08:00

24 lines
532 B
Vue

<script setup lang="ts">
import { useNav } from '../../composables/nav'
import VPMenuLink from './vp-menu-link.vue'
const navs = useNav()
defineEmits(['close'])
</script>
<template>
<nav v-if="navs" class="full-screen-menu">
<div v-for="(item, key) in navs" :key="key" class="full-screen-menu__item">
<VPMenuLink :item="item" @click="$emit('close')" />
</div>
</nav>
</template>
<style lang="scss" scoped>
.full-screen-menu__item {
padding: 12px 0;
border-bottom: 1px solid var(--border-color);
}
</style>