poptong
83b162d2bd
Some checks failed
🚀 Deploy - Demo / deployment (push) Has been cancelled
- 웹훅 URL을 https://admin.youtooplay.com/webhook로 변경 - Nginx 리버스 프록시 설정 파일 추가 - 배포 가이드 업데이트
49 lines
872 B
Vue
49 lines
872 B
Vue
<script lang="ts" setup>
|
|
import { NuxtLink } from '#components'
|
|
|
|
import type { NavLink } from '@layouts/types'
|
|
|
|
defineProps<{
|
|
item: NavLink
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<li
|
|
class="nav-link"
|
|
:class="{ disabled: item.disable }"
|
|
>
|
|
<Component
|
|
:is="item.to ? NuxtLink : 'a'"
|
|
:to="item.to"
|
|
:href="item.href"
|
|
:target="item.target"
|
|
>
|
|
<VIcon
|
|
:icon="item.icon || 'bxs-circle'"
|
|
class="nav-item-icon"
|
|
/>
|
|
<!-- 👉 Title -->
|
|
<span class="nav-item-title">
|
|
{{ item.title }}
|
|
</span>
|
|
<span
|
|
class="nav-item-badge"
|
|
:class="item.badgeClass"
|
|
>
|
|
{{ item.badgeContent }}
|
|
</span>
|
|
</Component>
|
|
</li>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
.layout-vertical-nav {
|
|
.nav-link a {
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
</style>
|