How to use DeepLinks inside custom components

[hschaefer123]

Hi,
i am trying to offer DeepLinks for a custom control embedded inside API Explorer markdown page.

https://btp.udina.de/development/api-explorer.html

Trying to change path from
/development/api-explorer.html
to
r.path = "/development/api-explorer.html/:pkg/:file?"
always ends up in 404.

Trying enhancing client.ts using

router.addRoute({
      name: "ApiExplorer",
      path: "/api/:pkg/:file?",
      //path: "/development/api-explorer.html/:pkg/:file?",
      component: ApiExplorer
    });`

is working so far, but is rendering the plain component without the outer vuepress layout.

Cloning component "Vuepress" from existing route also ends up in 404.

I think, the layout template does not allow/support additional route params.

Also trying to use query params is not working, because they seems to be stripped off from framework.

Right now, i am only able to use a hash like
/development/api-explorer.html#%40sap%2Fapprouter%2FREADME.md
that also gets removed, but i am able to get document.location.hash.

What is the best option to get DeepLinks for custom components running inside Vuepress2,
where the used params remain in the URI?

I am just a casual vue3 developer, because i like vuepress for my documentations,
so any help is appreciated.

Best regards
Holger