Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-23 06:05:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(nuxt): handle external links to named route objects (#27829)

Browse Source
This commit is contained in:
Dominic 2024-06-26 19:51:42 +10:00 committed by Daniel Roe
parent 83f3cb70de
commit 0d854d9a06
No known key found for this signature in database
GPG Key ID: CBC814C393D93268
2 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/nuxt/src/app/components/nuxt-link.ts
View File

@ -167,8 +167,10 @@ export function defineNuxtLink (options: NuxtLinkOptions) {
if (!to.value || isAbsoluteUrl.value) { return to.value as string } if (!to.value || isAbsoluteUrl.value) { return to.value as string }
if (isExternal.value) { if (isExternal.value) {
const path = typeof to.value === 'object' ? resolveRouteObject(to.value) : to.value const path = typeof to.value === 'object' && 'path' in to.value ? resolveRouteObject(to.value) : to.value
return resolveTrailingSlashBehavior(path, router.resolve /* will not be called */) as string // separately resolve route objects with a 'name' property and without 'path'
const href = typeof path === 'object' ? router.resolve(path).href : path
return resolveTrailingSlashBehavior(href, router.resolve /* will not be called */) as string
} }
if (typeof to.value === 'object') { if (typeof to.value === 'object') {

22
packages/nuxt/test/nuxt-link.test.ts
View File

@ -30,17 +30,16 @@ vi.mock('../src/app/composables/router', () => ({
return withQuery(to.path || '', to.query || {}) + (to.hash || '') return withQuery(to.path || '', to.query || {}) + (to.hash || '')
}, },
useRouter: () => ({ useRouter: () => ({
resolve: (route: string | RouteLocation & { to?: string }): Partial<RouteLocation> & { href?: string } => { resolve: (route: string | RouteLocation): Partial<RouteLocation> & { href: string } => {
if (typeof route === 'string') { if (typeof route === 'string') {
return { href: route, path: route } return { path: route, href: route }
}
return {
path: route.path || `/${route.name?.toString()}`,
query: route.query || undefined,
hash: route.hash || undefined,
href: route.path || `/${route.name?.toString()}`,
} }
return route.to
? { href: route.to }
: {
path: route.path || `/${route.name?.toString()}` || undefined,
query: route.query || undefined,
hash: route.hash || undefined,
}
}, },
}), }),
})) }))
@ -133,6 +132,10 @@ describe('nuxt-link:propsOrAttributes', () => {
expect(nuxtLink({ to: { path: '/to' }, external: true }).props.href).toBe('/to') expect(nuxtLink({ to: { path: '/to' }, external: true }).props.href).toBe('/to')
}) })
it('resolves route location object with name', () => {
expect(nuxtLink({ to: { name: 'to' }, external: true }).props.href).toBe('/to')
})
it('applies trailing slash behaviour', () => { it('applies trailing slash behaviour', () => {
expect(nuxtLink({ to: { path: '/to' }, external: true }, { trailingSlash: 'append' }).props.href).toBe('/to/') expect(nuxtLink({ to: { path: '/to' }, external: true }, { trailingSlash: 'append' }).props.href).toBe('/to/')
expect(nuxtLink({ to: '/to', external: true }, { trailingSlash: 'append' }).props.href).toBe('/to/') expect(nuxtLink({ to: '/to', external: true }, { trailingSlash: 'append' }).props.href).toBe('/to/')
@ -225,6 +228,7 @@ describe('nuxt-link:propsOrAttributes', () => {
it('forwards `to` prop', () => { it('forwards `to` prop', () => {
expect(nuxtLink({ to: '/to' }).props.to).toBe('/to') expect(nuxtLink({ to: '/to' }).props.to).toBe('/to')
expect(nuxtLink({ to: { path: '/to' } }).props.to).toEqual({ path: '/to' }) expect(nuxtLink({ to: { path: '/to' } }).props.to).toEqual({ path: '/to' })
expect(nuxtLink({ to: { name: 'to' } }).props.to).toEqual({ name: 'to' })
}) })
}) })