mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 08:33:53 +00:00
fix(nuxt): unpause DOM updates on suspense resolve (#19740)
This commit is contained in:
parent
0ee2234808
commit
7103670acc
@ -16,14 +16,15 @@ export default defineNuxtPlugin((nuxtApp) => {
|
||||
let pauseDOMUpdates = true
|
||||
const unpauseDom = () => {
|
||||
pauseDOMUpdates = false
|
||||
// triggers dom update
|
||||
// trigger the debounced DOM update
|
||||
head.hooks.callHook('entries:updated', head)
|
||||
}
|
||||
head.hooks.hook('dom:beforeRender', (context) => { context.shouldRender = !pauseDOMUpdates })
|
||||
nuxtApp.hooks.hook('page:start', () => { pauseDOMUpdates = true })
|
||||
// wait for new page before unpausing dom updates (triggered after suspense resolved)
|
||||
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) {
|
||||
|
Loading…
Reference in New Issue
Block a user