fix(nuxt): use _ for NuxtIsland name on server pages (#31072)

This commit is contained in:
Sébastien Chopin 2025-02-21 21:07:55 +01:00 committed by Daniel Roe
parent 08fab51053
commit 530d02c093
No known key found for this signature in database
GPG Key ID: 3714AB03996F442B
3 changed files with 3 additions and 3 deletions

View File

@ -53,7 +53,7 @@ export const createIslandPage = (name: string) => {
return () => {
return h('div', [
h(NuxtIsland, {
name: `page:${name}`,
name: `page_${name}`,
lazy: props.lazy,
ref: islandRef,
context: { url: path },

View File

@ -84,7 +84,7 @@ export const componentsIslandsTemplate: NuxtTemplate = {
)
const pageExports = pages?.filter(p => (p.mode === 'server' && p.file && p.name)).map((p) => {
return `"page:${p.name}": defineAsyncComponent(${genDynamicImport(p.file!)}.then(c => c.default || c))`
return `"page_${p.name}": defineAsyncComponent(${genDynamicImport(p.file!)}.then(c => c.default || c))`
}) || []
return [

View File

@ -2513,7 +2513,7 @@ describe('component islands', () => {
const { page } = await renderPage('/')
const islandPageRequest = page.waitForRequest((req) => {
return req.url().includes('/__nuxt_island/page:server-page')
return req.url().includes('/__nuxt_island/page_server-page')
})
await page.getByText('to server page').click()
await islandPageRequest