How to have a different "default" page in nested routing

├── providers
│   └── [provider]
│       ├── domains
│       │   ├── [domain]
│       │   │   ├── general-informations.vue
│       │   │   ├── index.vue
│       │   │   └── localisation.vue
│       │   └── [domain].vue
│       ├── domains.vue
│       └── home.vue
└── providers.vue

definePageMeta({
  middleware: [
    async function (to) {
      const { $getRouteBaseName } = useNuxtApp()
      if ($getRouteBaseName(to) === 'providers-provider-domains-domain') {
        // Custom helper to abstract i18n route navigation, nothing to do with the              // issue at hand
        await navigateToLocalePath({
          name: 'providers-provider-domains-domain-general-informations',
          params: {
            provider: 1,
            domain: 1,
          },
        })
      }
    },
  ],
})