perf: prefetch in parallel

nuxt · Sep 13, 2022 · b7bea15 · b7bea15
1 parent 3207ff4
commit b7bea15
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/nuxt/src/app/components/nuxt-link.ts b/packages/nuxt/src/app/components/nuxt-link.ts
@@ -200,8 +200,10 @@ export function defineNuxtLink (options: NuxtLinkOptions) {
                 unobserve = observer!.observe(el.value, async () => {
                   unobserve?.()
                   unobserve = null
-                  await nuxtApp.hooks.callHook('link:prefetch', to.value as string).catch(() => {})
-                  await preloadRouteComponents(to.value as string, router).catch(() => {})
+                  await Promise.all([
+                    nuxtApp.hooks.callHook('link:prefetch', to.value as string).catch(() => {}),
+                    preloadRouteComponents(to.value as string, router).catch(() => {})
+                  ])
                   prefetched.value = true
                 })
               }

diff --git a/test/fixtures/basic/pages/index.vue b/test/fixtures/basic/pages/index.vue
@@ -9,7 +9,7 @@
     <div>Composable | bar: {{ bar }}</div>
     <div>Composable | template: {{ templateAutoImport }}</div>
     <div>Path: {{ $route.fullPath }}</div>
-    <NuxtLink to="/" no-prefetch>
+    <NuxtLink to="/">
       Link
     </NuxtLink>
     <SugarCounter :count="12" />