Control the order of routes

[mszkb]

Is there a way to control the order of the (nested) routes - besides changing the file/dir name?

For example I have this structure:

And then I want to generate a navigation component based on my routes by using:

const router = useRouter();
const routes = router.getRoutes();

This gives me following:

My goal is to have logs at the end of the list:

1. /
2. /system-library
3. /sign-configuration
4. /logs

[posva]

You have to define a custom meta property that allows you to sort the routes. You could for example add an order property and then use it in a getRoutes().sort()

[mszkb]

Yeah I thought so, that this is kinda out of scope of this plugin.

I ended up doing:

<route lang="yaml">
meta:
  order: 1
  title: Sign Monitoring
</route>

and then handle the sorting after meta.order in my composable.