2023-01-18 22:46:19 -03:00
|
|
|
<script setup>
|
2023-01-25 20:55:24 -03:00
|
|
|
import { ref } from 'vue';
|
2023-01-18 22:46:19 -03:00
|
|
|
|
2023-01-25 20:55:24 -03:00
|
|
|
import AppMenuItem from './AppMenuItem.vue';
|
2023-01-18 22:46:19 -03:00
|
|
|
|
2023-01-25 20:55:24 -03:00
|
|
|
const model = ref([
|
|
|
|
{
|
|
|
|
label: 'Home',
|
|
|
|
items: [{ label: 'Dashboard', icon: 'pi pi-fw pi-home', to: '/' }]
|
|
|
|
}
|
|
|
|
]);
|
2023-01-18 22:46:19 -03:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<ul class="layout-menu">
|
2023-01-25 20:55:24 -03:00
|
|
|
<template
|
|
|
|
v-for="(item, i) in model"
|
|
|
|
:key="item"
|
|
|
|
>
|
|
|
|
<app-menu-item
|
|
|
|
v-if="!item.separator"
|
|
|
|
:item="item"
|
|
|
|
:index="i"
|
|
|
|
></app-menu-item>
|
|
|
|
<li
|
|
|
|
v-if="item.separator"
|
|
|
|
class="menu-separator"
|
|
|
|
></li>
|
2023-01-18 22:46:19 -03:00
|
|
|
</template>
|
|
|
|
</ul>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<style lang="scss" scoped></style>
|