Incorrect pages generated with layout plugin

With vite-plugin-vue-layouts

Without vite-plugin-vue-layouts

Vite-SSG plugin example

With the layout plugin, extra folders are created and the content is same as index.html

When i visit /readme, i get the content from readme folder instead of correct readme.html

Please let me know if this the expected behaviour or a bug.

I am big fan of your open source work 😃 Thank you!

[hannoeru]

Just fixed empty string problem with vite-ssg, can you try it?

[ctholho]

Thanks for looking into this @hannoeru.

I had expected a nested router view that has a path starting with '/' would just be displayed at root level; without anything weird happening to the routes object. As per the vue router docs#nested routes:

Note that nested paths that start with / will be treated as a root path. This allows you to leverage the component nesting without having to use a nested URL.

So my assumption was, if a root level route had the same path as a children route (with a prefixed /), it should be displayed at the same path, and therefore also be rendered at the same path.

Replacing the path of children to an empty string '' (also proposed in the router docs) is possible but always creates a dist/.html file that’s identical with dist/index.html (if building with vite-ssg)

Could the culprit be this? vite-SSG /utils.ts#L25

That being said: Are there any issues for website visitors that result in missing, wrongly displayed pages? (I’m asking to know if this issue should be high priority for vite-plugin-vue-layouts)

Regarding route.name: Linking to a named page should still work because vue-router looks for names in children.