Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-25 23:22:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf(nuxt): prevent head dom from rendering twice (#22974)

Browse Source
This commit is contained in:
Harlan Wilton 2023-09-04 10:12:56 +02:00 committed by GitHub
parent 4e05650cde
commit 421cab1adf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 1 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

@ -26,7 +26,10 @@ export default defineNuxtPlugin({
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', syncHead) nuxtApp.hooks.hook('page:finish', () => {
// app:suspense:resolve hook will unpause the DOM
if (!nuxtApp.isHydrating) { syncHead() }
})
// unpause on error // unpause on error
nuxtApp.hooks.hook('app:error', syncHead) nuxtApp.hooks.hook('app:error', syncHead)
// unpause the DOM once the mount suspense is resolved // unpause the DOM once the mount suspense is resolved