beforeEnter в хуке роутера не отрабатывает store.dispatch помогите разобраться почему?

''' есть родительский компонент который имеет вложенные маршруты, в зависимости от маршрута должны показываться определенные кнопки. Если зайти на маршрут /main то все хорошо, кнопки нужные, если зайти во вложенный компонент кнопки пропадают, не пойму почему при переходе на вложенный маршрут основной компонент теряет данные, помогите разобраться пожалуйста

 {
    path: '/main',
    name: 'DefaultMainContainer',
    component: DefaultMainContainer,
    beforeEnter: async (to, from, next) => {
      const btn = await store.getters.getButtons()
      await store.dispatch('setLeftButtons', btn)
      next()
    },

    children: [
      {
        path: 'repo',
        name: 'repo',
        component: Repo,
      },
      {
        path: 'test',
        name: 'Test',
        component: Test,
      }
    ]
  }

''' родительский компонент DefaultMainContainer получает кнопки меню из store '''

  computed: {
    buttonsNav() {
      let btns = this.$store.getters.getLeftNavButtons();
      console.log("Buttons are here!", btns, typeof(btns));
      if (btns) return btns;
      else {
        return {};
      }
    }
  }

'''показано отображение меню согласно маршрутам


Ответы (0 шт):