How to define nested component at root url?

[PindaPixel]

I use the path function to map a component called _layout.vue to the route .vue, but all routes I expect to be children are instead defined on their own like I'd expect if I returned index.vue instead.

Short example:

routesfolder: [
    {
        filePatterns: ["**/_page"],
        extensions: [".vue"],
        path(file) {
            return (file.slice(file.lastIndexOf('src/pages') + 'src/pages'.length)
                .replace("_page", "index")
        }
    },
    {
        filePatterns: ["**/_layout"],
        extensions: [".vue"],
        path(file) {
            return (file.slice(file.lastIndexOf('src/pages') + 'src/pages'.length)
                .replace("_layout", "")
        }
    }
]

in: src/pages/_layout.vue
out: .vue

in: src/pages/home/_page.vue
out: home/index.vue

Generated routes:

export const routes = [
    {
        path: "/",
        component: _page_0
    },
    {
        path: "/home",
        children: [
            {
                path: ""
                component: () => import(...)
            }
        ]
    }
]

What I'm trying to achieve:

export const routes = [
    {
        path: "/",
        component: _page_0,
        children: [
            {
                 path: "/home",
                 children: [
                     {
                          path: ""
                          component: () => import(...)
                     }
                 ]
             }
        ]
    }
]

I should add that I get the desired behaviour at any level except for at the root.

[PindaPixel]

I found the answer:
The return value of all but the root layout should start with a leading slash if they are to be children of the root url.

Output should be:

in: src/pages/_layout.vue
out: .vue

in: src/pages/home/_page.vue
out: /home/index.vue