feat: route alias support (#4273)

docs/content/2.guide/3.directory-structure/10.pages.md

@@ -277,6 +277,10 @@ You can define middleware to apply before loading this page. It will be merged w
 
 You can define transition properties for the `<transition>` components that wraps your pages and layouts, or pass `false` to disable the `<transition>` wrapper for that route. You can see a list of options that can be passed [here](https://vuejs.org/api/built-in-components.html#transition) or read [more about how transitions work](https://vuejs.org/guide/built-ins/transition.html#transition).
 
+#### `alias`
+
+You can define page aliases. They allow you to access the same page from different paths. It can be either a string or an array of string as defined [here](https://router.vuejs.org/guide/essentials/redirect-and-alias.html#alias) on vue-router documentation.
+
 ## Navigation
 
 To navigate between pages of your app, you should use the [`<NuxtLink>`](/api/components/nuxt-link) component.

packages/nuxt3/src/pages/utils.ts

@@ -237,6 +237,7 @@ export function normalizeRoutes (routes: NuxtPage[], metaImports: Set<string> =
         ...Object.fromEntries(Object.entries(route).map(([key, value]) => [key, JSON.stringify(value)])),
         children: route.children ? normalizeRoutes(route.children, metaImports).routes : [],
         meta: route.meta ? `{...(${metaImportName} || {}), ...${JSON.stringify(route.meta)}}` : metaImportName,
+        alias: `${metaImportName}.alias || []`,
         component: genDynamicImport(file)
       }
     }))