From 0346d6e88a7e0ea51580f5ebb6a7be566a32eea5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxtjs.com> Date: Thu, 6 May 2021 23:25:48 +0200 Subject: [PATCH] chore(app): small refactor on $nuxt.hooks --- packages/app/src/plugins/progress.client.ts | 6 +++--- packages/app/src/plugins/router/NuxtPage.vue | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/app/src/plugins/progress.client.ts b/packages/app/src/plugins/progress.client.ts index 601586331..3c1c6834c 100644 --- a/packages/app/src/plugins/progress.client.ts +++ b/packages/app/src/plugins/progress.client.ts @@ -2,7 +2,7 @@ import type { Plugin } from '@nuxt/app' export default <Plugin> function progressbar ({ app }) { const { $nuxt } = app - $nuxt.hooks.hook('app:mounted', () => { + $nuxt.hook('app:mounted', () => { const el = document.createElement('div') el.id = 'nuxt-progress' document.body.appendChild(el) @@ -16,7 +16,7 @@ export default <Plugin> function progressbar ({ app }) { const progress = 10000 / Math.floor(duration) let timeout let interval - $nuxt.hooks.hook('page:start', () => { + $nuxt.hook('page:start', () => { if (timeout) { return } timeout = setTimeout(() => { let width = 10 @@ -29,7 +29,7 @@ export default <Plugin> function progressbar ({ app }) { }, 100) }, 200) }) - $nuxt.hooks.hook('page:finish', () => { + $nuxt.hook('page:finish', () => { timeout && clearTimeout(timeout) timeout = null interval && clearInterval(interval) diff --git a/packages/app/src/plugins/router/NuxtPage.vue b/packages/app/src/plugins/router/NuxtPage.vue index 0404dac04..f11ab56b3 100644 --- a/packages/app/src/plugins/router/NuxtPage.vue +++ b/packages/app/src/plugins/router/NuxtPage.vue @@ -2,7 +2,7 @@ <RouterView v-slot="{ Component }"> <transition name="page" mode="out-in"> <!-- <keep-alive> --> - <Suspense @pending="$nuxt.hooks.callHook('page:start')" @resolve="$nuxt.hooks.callHook('page:finish')"> + <Suspense @pending="$nuxt.callHook('page:start')" @resolve="$nuxt.callHook('page:finish')"> <component :is="Component" :key="$route.path" /> </Suspense> <!-- <keep-alive -->