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