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

fix(nuxt): only request animation frame on client (#25569)

Browse Source
This commit is contained in:
Julien Huang 2024-02-01 19:14:11 +01:00 committed by GitHub
parent 2364aabe93
commit 10f2356ab4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/nuxt/src/app/composables/loading-indicator.ts
View File

@ -79,7 +79,9 @@ function createLoadingIndicator (opts: Partial<LoadingIndicatorOpts> = {}) {
function clear () { function clear () {
clearTimeout(_throttle) clearTimeout(_throttle)
if (import.meta.client) {
cancelAnimationFrame(rafId) cancelAnimationFrame(rafId)
}
_throttle = null _throttle = null
} }
@ -93,8 +95,10 @@ function createLoadingIndicator (opts: Partial<LoadingIndicatorOpts> = {}) {
startTimeStamp ??= timeStamp startTimeStamp ??= timeStamp
const elapsed = timeStamp - startTimeStamp const elapsed = timeStamp - startTimeStamp
progress.value = Math.max(0, Math.min(100, getProgress(duration, elapsed))) progress.value = Math.max(0, Math.min(100, getProgress(duration, elapsed)))
if (import.meta.client) {
rafId = requestAnimationFrame(step) rafId = requestAnimationFrame(step)
} }
}
if (import.meta.client) { if (import.meta.client) {
rafId = requestAnimationFrame(step) rafId = requestAnimationFrame(step)