Please help how can i manage menu by role user ?

[Juckky00]

I want to show want to show different menu by role of user when insert role like this.
can guide me for something.
thank you.
/store/modules/menu/index.js

const state = {
  items: [
    person,
    {
      name: 'Domain',
      path: '/domain',
      meta: {
        auth: true,
        icon: 'fa-briefcase',
        link: 'domain/domainform.vue'
      },
      roles: ['admin'],
      component: lazyLoading('domain/domainform')
    }
  ]
}

[che1974]

Add custom attribute role
{
name: 'Перелік установ',
path: '/config/payers',
role: 777,
meta: {
label: 'Перелік установ',
link: 'config/Payers.vue',
auth: {
roles: 777,
redirect: { name: 'admin' },
forbiddenRedirect: '/403'
}
},
component: lazyLoading('config/Payers')
}

---

in component check with attribute and compare with user role
<expanding v-if="item.children && item.children.length"> <ul v-show="isExpanded(item)"> <li v-for="subItem in item.children" v-if="subItem.role == $auth.user().role "> <router-link :to="generatePath(item, subItem)" v-bind:role={item}> {{ subItem.meta && subItem.meta.label || subItem.name }} </router-link> </li> </ul> </expanding>