Zengtudor
/
Nuxt
mirror of https://github.com/nuxt/nuxt.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: delayed hydration for network idle

This commit is contained in:
Michael Brevard 2024-06-02 23:40:37 +03:00 committed by GitHub
parent 28647ecb30
commit 66dd659821
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/nuxt/src/components/runtime/client-delayed-component.ts
View File

@ -72,7 +72,7 @@ export const createLazyNetworkClientPage = (componentLoader: Component) => {
const nuxt = useNuxtApp()
const instance = getCurrentInstance()!
let vnode: VNode | null = null
if (import.meta.client && nuxt.isHydrating && instance.vnode?.el) {
if (nuxt.isHydrating && instance.vnode?.el) {
vnode = createStaticVNode(getFragmentHTML(instance.vnode.el ?? null, true)?.join('') || '', 1)
}
const isIdle = ref(false)
@ -90,7 +90,7 @@ export const createLazyNetworkClientPage = (componentLoader: Component) => {
idleHandle = null
}
})
return () => isIdle.value ? h(componentLoader, attrs) : vnode
return () => isIdle.value ? h(componentLoader, attrs) : (instance.vnode.el && nuxt.isHydrating) ? createVNode(createStaticVNode(getFragmentHTML(instance.vnode.el ?? null, true)?.join('') || '', 1)) : null
},
})
}