fix(nuxt3): use path for uniqueness of routes when resolving (#3895)

packages/nuxt3/src/pages/utils.ts

@@ -40,7 +40,7 @@ export async function resolvePagesRoutes (): Promise<NuxtPage[]> {
     })
   )).flat()
 
-  return uniqueBy(allRoutes, 'name')
+  return uniqueBy(allRoutes, 'path')
 }
 
 export function generateRoutesFromFiles (files: string[], pagesDir: string): NuxtPage[] {

test/basic.test.ts

@@ -91,6 +91,16 @@ describe('pages', () => {
     expect(html).toContain('foo: foobar')
     expect(html).toContain('group: admin')
   })
+
+  it('/parent', async () => {
+    const html = await $fetch('/parent')
+    expect(html).toContain('parent/index')
+  })
+
+  it('/another-parent', async () => {
+    const html = await $fetch('/another-parent')
+    expect(html).toContain('another-parent/index')
+  })
 })
 
 describe('navigate', () => {

test/fixtures/basic/pages/another-parent.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    another-parent
+    <NuxtPage />
+  </div>
+</template>

test/fixtures/basic/pages/another-parent/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    another-parent/index
+  </div>
+</template>

test/fixtures/basic/pages/parent.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    parent
+    <NuxtPage />
+  </div>
+</template>

test/fixtures/basic/pages/parent/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    parent/index
+  </div>
+</template>