Multiple routes with the same component

[gondc]

Is there a way to have multiple routes using the same component file? without having to copy the file to each page folder

Example: I have [userId].vue and I want to have two routes that render that file /users/:userId and /clients/:userId

And I don't want to have to copy the [userId].vue to every page folder, is a really bad solution

Bad solution:

src/pages/
├── users/
│   └── [userId].vue
└── clients/
    └── [userId].vue (copy of /pages/usrs/[userId].vue)

[posva]

Usually you would define an alias. If two routes are required, one could add an extra route with extendRoutes

[zhiyuanzmj]

You can try definePage macro:

// clients/[userId].vue
<script setup lang="ts">
definePage({
   component: ()=>import('../users/[userId].vue')
})
</script>