How to avoid having all files named index.vue?

[mariusa]

Hi and thanks for the library, it works very well!

However, almost all pages are now named index.vue, making it hard to find & recognize in IDE.
Could it be possible to have a way to name them by entity, eg

• /items folder has items.vue and [id]/item.vue
• /widgets folder has widgets.vue and [id]/widget.vue

with the same routes result as if using index.vue for all? That is, URL is /items and /items/123

Thanks

[PindaPixel]

You can customise how your file path relates to the generated routes with the configuration: https://uvr.esm.is/guide/configuration.html#configuration

I'd start by reading the JSDoc comments on the config and experimenting in a minimal project.

[posva]

This and also you can name them whatever you want between parentheses: src/pages/(home).vue, src/users/(list).vue

[mariusa]

Thanks! This example from docs helped clarify:

src/pages/
└─── admin/
    ├── (dashboard).vue // Becomes index.vue of admin route
    └── settings.vue
    ```
    
    So any (name).vue becomes index.vue