Code: Select all
let userMenuItems = [
{
label: translate('preferences'),
command: () => { editPreferences.value = true },
icon: 'gear'
}, {
separator: true
}, {
label: translate('logout'),
to: { name: 'logout' },
icon: 'arrow-right-from-bracket'
}
]
Code: Select all
<Menu id="user-name" ref="userMenu" :model="userMenuItems" :popup="true">
<template>
<router-link v-if="item.hasOwnProperty('to')" :to="item?.to" class="p-menuitem-link">
<span class="p-menuitem-icon">
<Icon :icon="item.icon"></Icon>
</span>
<span class="p-menuitem-text">{{ item.label }}</span>
</router-link>
<a v-else class"p-menuitem-link">
<span class="p-menuitem-icon">
<Icon :icon="item.icon"></Icon>
</span>
<span class="p-menuitem-text">{{ item.label }}</span>
</a>
</template>
</Menu>
Thanks in advance