primevue-mirror/apps/showcase/layouts/AppMenu.vue

36 lines
707 B
Vue
Executable File

<template>
<aside class="layout-sidebar" :class="{ active: active }">
<nav>
<ol class="layout-menu">
<AppMenuItem :menu="menu"></AppMenuItem>
</ol>
</nav>
</aside>
</template>
<script>
import menudata from '@/assets/menu/menu.json';
import AppMenuItem from './AppMenuItem.vue';
export default {
props: {
active: {
type: Boolean,
default: true
}
},
data() {
return {
menu: menudata.data
};
},
computed: {
darkTheme() {
return this.$appState.darkTheme === true;
}
},
components: {
AppMenuItem
}
};
</script>