What's a clean method to strip the handler from a route?

[FunctionDJ]

If the browser makes a request like /foo/bar and i have a Vinxi router like this that handles this request:

    {
      name: "foo-handler",
      type: "http",
      base: "/foo",
      handler: "./backend/foo-handler.ts",
    }

then how can i convert event.path (edit: see my comment below) or url.pathname from /foo/bar to /bar or just bar?

I want to avoid hardcoding a magic string or doing something similar. If there's a way to just get the string /foo or foo within the eventHandler inner function (regardless of the full path of the request) i could do some dirty string manipulation.

[FunctionDJ]

Findings:

• event.path seems to have the router part already removed, but includes search params
• since event.path isn't a valid URL, new URL(event.path) can't be used to separate the actual path from the search params
• path.relative(routerBaseURL, decodeURI(url.pathname)) seems like the cleanest solution for now

// backend/foo-handler.ts
import { getRequestURL } from "vinxi/http"
import { routerBaseURL } from "vinxi/manifest"

export default eventHandler(async (event) => {
	const url = getRequestURL(event)
	const pathNameWithoutBase = path.relative(routerBaseURL, decodeURI(url.pathname))
	// ...
}