Find components to be resolved after navigation in beforeEach (ex-getMatchedComponents)

[b12k]

Hello every one! 👋🏻

It is written that getMatchedComponents is deprecated in favor of route.currentRoute.value.matched.

Can some one please advice me how can I get list of the components (including nested) to be resolved before navigation?

Previously it was possible using getMatchedComponents inside of beforeEach navigation guard.

router.beforeEach((to, from, next) => {
  const next = router.getMatchedComponents(to);
  const prev = from ? router.getMatchedComponents(from) : [];

  // do something like - detect what new components will be rendered after the navigation 

  return next();
})

Thanx in advance!

[b12k]

I created a library in to solve this:
Vue 3 Router Get Matched Components