When using vite-plugin-vue-layouts with vite-plugin-pages the combination of an index route and dynamic route doesn't work

[bux]

A simple repro would be:

• Clone vitesse by antfu (or create a new github project by using this template)
• Create a new vue file below ~/src/pages/hi and call it index.vue
• Add a <template/> with some demo content
• Run npm run dev
• Try to open: http://localhost:3333/hi/

Observe how the dynamic route is being used instead of the newly created index route

Issue at vite-plugin-pages: https://github.com/hannoeru/vite-plugin-pages/issues/23

[ctholho]

Hi,

localhost:3000/hi/ and localhost:3000/hi are different routes. If you have an index.vue and try to navigate to localhost:3000/hi (without the trailing slash), you will find your index.vue working alright. This is expected behavior.

See e.g. this blog post about SEO implications of trailing slashes

[bux]

Let me make it a bit clearer:

• Try to open: http://localhost:3333/hi/
• Try to open: http://localhost:3333/hi
• Observe how both requests (with or without trailing slashes) show the dynamic route ([...all].vue) and not the index route (index.vue)

Ref: https://github.com/hannoeru/vite-plugin-pages/issues/23#issuecomment-799980981

[ctholho]

Sorry. I cannot reproduce this with a new vitesse starter template and these versions: "vue-router": "^4.0.5" "vite-plugin-pages": "^0.9.0" "vite-plugin-vue-layouts": "^0.2.2"

[bux]

You are right. With the newest versions I don't encounter this issue anymore. I can't say though which update fixed it 😃 I'll close this issue.

[CharlesOkwuagwu]

The issue still remains

[JohnCampionJr]

Can you check with the new version from today if this is still an issue? It shouldn't be.