Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-25 07:05:11 +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 209e81b60d
commit c87ca8607c
No known key found for this signature in database
GPG Key ID: 3714AB03996F442B
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) })
})
})
})
})