Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-02-16 21:58:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(nuxt): unpause DOM updates on suspense resolve (#19740)

Browse Source
This commit is contained in:
Harlan Wilton 2023-03-17 01:53:10 +11:00 committed by GitHub
parent 0ee2234808
commit 7103670acc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/nuxt/src/head/runtime/plugins/unhead.ts
View File

@ -16,14 +16,15 @@ export default defineNuxtPlugin((nuxtApp) => {
let pauseDOMUpdates = true let pauseDOMUpdates = true
const unpauseDom = () => { const unpauseDom = () => {
pauseDOMUpdates = false pauseDOMUpdates = false
// triggers dom update // trigger the debounced DOM update
head.hooks.callHook('entries:updated', head) head.hooks.callHook('entries:updated', head)
} }
head.hooks.hook('dom:beforeRender', (context) => { context.shouldRender = !pauseDOMUpdates }) head.hooks.hook('dom:beforeRender', (context) => { context.shouldRender = !pauseDOMUpdates })
nuxtApp.hooks.hook('page:start', () => { pauseDOMUpdates = true }) nuxtApp.hooks.hook('page:start', () => { pauseDOMUpdates = true })
// wait for new page before unpausing dom updates (triggered after suspense resolved) // wait for new page before unpausing dom updates (triggered after suspense resolved)
nuxtApp.hooks.hook('page:finish', unpauseDom) nuxtApp.hooks.hook('page:finish', unpauseDom)
nuxtApp.hooks.hook('app:mounted', unpauseDom) // unpause the DOM once the mount suspense is resolved
nuxtApp.hooks.hook('app:suspense:resolve', unpauseDom)
} }
if (process.server) { if (process.server) {