fix(nuxt): init payload when using islands with ssr: false

danielroe · danielroe · commit f080c426a274 · 2024-03-12T17:06:46.000-07:00
diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -119,6 +119,7 @@ export default defineComponent({
     if (import.meta.client && nuxtApp.isHydrating) {
       ssrHTML.value = getFragmentHTML(instance.vnode?.el ?? null, true)?.join('') || ''
       const key = `${props.name}_${hashId.value}`
+      nuxtApp.payload.data[key] ||= {}
       nuxtApp.payload.data[key].html = ssrHTML.value
     }
 

Original file line number	Diff line number	Diff line change
`@@ -119,6 +119,7 @@ export default defineComponent({`
`119`	`119`	`if (import.meta.client && nuxtApp.isHydrating) {`
`120`	`120`	`ssrHTML.value = getFragmentHTML(instance.vnode?.el ?? null, true)?.join('') \|\| ''`
`121`	`121`	const key = `${props.name}_${hashId.value}`
	`122`	`+ nuxtApp.payload.data[key] \|\|= {}`
`122`	`123`	`nuxtApp.payload.data[key].html = ssrHTML.value`
`123`	`124`	`}`
`124`	`125`