Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-01-31 07:40:33 +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 { useRouter } from '../composables'
import { onNuxtReady } from '../composables/ready'
import { useRouter } from '../composables/router'
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.
* It can reduce INP when navigating on prerendered routes.
@ -16,4 +19,5 @@ export default defineNuxtPlugin(() => {
requestAnimationFrame(() => { setTimeout(resolve, 0) })
})
})
})
})