Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-02-07 09:22:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(nuxt): defer registering inp handler until nuxt is mounted

Browse Source
This commit is contained in:
Daniel Roe 2024-06-21 12:12:43 +01:00
parent e7fbc9f815
commit 866a5319a3
No known key found for this signature in database
GPG Key ID: CBC814C393D93268
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/nuxt/src/app/plugins/navigation-repaint.client.ts
View File

@ -1,8 +1,11 @@
import { defineNuxtPlugin } from '../nuxt' import { defineNuxtPlugin } from '../nuxt'
import { useRouter } from '../composables' import { onNuxtReady } from '../composables/ready'
import { useRouter } from '../composables/router'
export default defineNuxtPlugin(() => { export default defineNuxtPlugin(() => {
useRouter().beforeResolve(async () => { const router = useRouter()
onNuxtReady(() => {
router.beforeResolve(async () => {
/** /**
* This gives an opportunity for the browser to repaint, acknowledging user interaction. * This gives an opportunity for the browser to repaint, acknowledging user interaction.
* It can reduce INP when navigating on prerendered routes. * It can reduce INP when navigating on prerendered routes.
@ -16,4 +19,5 @@ export default defineNuxtPlugin(() => {
requestAnimationFrame(() => { setTimeout(resolve, 0) }) requestAnimationFrame(() => { setTimeout(resolve, 0) })
}) })
}) })
})
}) })