39 lines
1.3 KiB
Vue
39 lines
1.3 KiB
Vue
<script setup>
|
|
import { ref } from 'vue';
|
|
|
|
import AppMenuItem from './AppMenuItem.vue';
|
|
|
|
const model = ref([
|
|
{
|
|
label: 'خانه',
|
|
items: [{ label: 'داشبورد', icon: 'pi pi-fw pi-home', to: '/' }]
|
|
},
|
|
{
|
|
label: 'مدیریت اموال',
|
|
items: [
|
|
{ label: 'ایجاد اموال', icon: 'pi pi-fw pi-file-plus', to: '/belonging/create-belonging' },
|
|
{ label: 'لیست اموال', icon: 'pi pi-fw pi-file', to: '/belonging/list-belongings' },
|
|
{ label: 'لیست تراکنش اموال', icon: 'pi pi-list-check', to: '/transactions/list-transactions' }
|
|
]
|
|
},
|
|
{
|
|
label: 'دسته بندی اموال',
|
|
items: [
|
|
{ label: 'لیست دسته بندی ها', icon: 'pi pi-fw pi-th-large', to: '/categories/list-categories' },
|
|
{ label: 'ویژگی دسته بندی ها', icon: 'pi pi-fw pi-sitemap', to: '/features/list-features' }
|
|
]
|
|
}
|
|
]);
|
|
</script>
|
|
|
|
<template>
|
|
<ul class="layout-menu">
|
|
<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>
|
|
</template>
|
|
</ul>
|
|
</template>
|
|
|
|
<style lang="scss" scoped></style>
|