How to specify route name

Hello, is there a way how to specify a name for a generated route?

In the default setup, the route name is inferred (hopeI am not mistaken) from the directory structure. That’s cool for smaller not deeply nested routes however it would be handy if I could specify route name in the page component itself.

E.g.: it would be taken from the page component name:

// users/_id/orders/_page.vue
<script>
export default {
  name: 'user-orders'
}
</script>

I am sorry if I missed something obvious.

[jantajov]

Any progress about this?

Meanwhile I came up with following workaround:

import generatedRoutes from 'vue-auto-routing'

for (let route of generatedRoutes) {
  if (route.meta && route.meta.name) {
    route.name = route.meta.name
  }
}

You have to specify the route name in the route-meta block and then you can override it.

Your page component would look like this:

<route-meta>{"name": "contact-card-update"}</route-meta>

<template>
  <div>{{hello}}</div>
</template>

<script> 
.... 
</script>

[ktsn]

We cannot specify it currently. Maybe I’ll add <route-config> custom block and let specify the name in the block.