Как передать данные в router.js и отправить компоненту в vuejs?

Question

Я получаю список разрешений, поэтому контент отображается на его основе. В меню динамически загружается список маршрутов в зависимости от того, к чему у пользователя есть доступ. Массив разрешений (всего один регистр):

        "permissions": [
        {
        "id": "c9cb16d0-43c4-4501-8d21-5fef825ed563",
        "name": "Gerenciar usuários",
        "platform": "Eucard",
        "route": "/usuarios",
        "icon": "list",
        "create_active": true,
        "read_active": true,
        "update_active": true,
        "delete_active": false
        }
        ]

V - для рендеринга всех разрешений и маршрутов (ранее созданных, просто настроенных для отображения сейчас)

        <q-item
          v-for="(item, index) in menuItem"
          :key="index"
          :to="{ path: item.route , props: item }"
          active-class="text-yellow"
          clickable
          v-ripple>
          <q-item-section avatar>
            <q-icon :name="item.icon"/>
          </q-item-section>
          <q-item-section>{{item.name}}</q-item-section>
        </q-item>

Я попытался передать props в router.js, но не смог получить к нему доступ из beforeEnter.

Я хочу передать "элемент" в router.js, поэтому перед маршрутом входа я мог бы заблокировать или принять входящий запрос, одновременно отправляя "элемент" в компонент "Usuarios", как это сделать?

  {
    path: '/usuarios',
    component: lazyLoadView('Usuarios'),
    meta: {
      needAuthPath: true,
      layout: "Layout"
    },
    props: {
      permission: true
    },
    beforeEnter: (to, from, next) => {
      console.log(item)
      next()
    }
  },