xidedix
36 lines
619 B
Vue
36 lines
619 B
Vue
<template>
|
|
<li :class="classList" @click="hideMobile">
|
|
<slot></slot>
|
|
</li>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'sidebar-nav-item',
|
|
props: {
|
|
classes: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
computed: {
|
|
classList () {
|
|
return [
|
|
'nav-item',
|
|
...this.itemClasses
|
|
]
|
|
},
|
|
itemClasses () {
|
|
return this.classes ? this.classes.split(' ') : ''
|
|
}
|
|
},
|
|
methods: {
|
|
hideMobile () {
|
|
if (document.body.classList.contains('sidebar-mobile-show')) {
|
|
document.body.classList.toggle('sidebar-mobile-show')
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|