Step tabs not highlighted correctly for named routes

[bisubus]

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primevue/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=110

Current behavior

Steps component highlights currently selected tab only when to route is specified by path in menu model.

Expected behavior

to route should be fully resolved by means of router.resolve when compared to current route.

Minimal reproduction of the problem with instructions

<Steps :model="model"/>

      model: [
        { to: '/foo', label: 'FOO' },
        { to: { name: 'bar' }, label: 'BAR named route' }
      ]

Demo: https://codesandbox.io/s/awesome-night-x818eu

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

• Vue version: 3.2.19

• PrimeVue version: 3.12.6

• Browser: [all ]