feat(nuxt): await parallel/blocking promises on route change

packages/nuxt/src/app/components/route-provider.ts

@@ -2,6 +2,7 @@ import { defineComponent, h, nextTick, onMounted, provide, shallowReactive } fro
 import type { Ref, VNode } from 'vue'
 import type { RouteLocation, RouteLocationNormalizedLoaded } from '#vue-router'
 import { PageRouteSymbol } from '#app/components/injections'
+import { useNuxtApp } from '#app/nuxt'
 
 export const RouteProvider = defineComponent({
   name: 'RouteProvider',
@@ -50,10 +51,18 @@ export const RouteProvider = defineComponent({
     return () => {
       if (process.dev && process.client) {
         vnode = h(props.vnode, { ref: props.vnodeRef })
-        return vnode
+        return [vnode, h(ResolvePendingPromises)]
       }
 
-      return h(props.vnode, { ref: props.vnodeRef })
+      return [h(props.vnode, { ref: props.vnodeRef }), h(ResolvePendingPromises)]
     }
   }
 })
+
+const ResolvePendingPromises = defineComponent({
+  async setup () {
+    const nuxtApp = useNuxtApp()
+    await Promise.all(Object.values(nuxtApp._asyncDataPromises).filter(p => p?.strategy !== 'lazy'))
+  },
+  render: () => null
+})

packages/nuxt/src/app/composables/asyncData.ts

@@ -215,7 +215,7 @@ export function useAsyncData<
         }
         delete nuxt._asyncDataPromises[key]
       })
-    nuxt._asyncDataPromises[key] = promise
+    nuxt._asyncDataPromises[key] = Object.assign(promise, { strategy: options.strategy })
     return nuxt._asyncDataPromises[key]
   }
 

packages/nuxt/src/app/nuxt.ts

@@ -103,7 +103,7 @@ interface _NuxtApp {
   [key: string]: unknown
 
   /** @internal */
-  _asyncDataPromises: Record<string, Promise<any> | undefined>
+  _asyncDataPromises: Record<string, Promise<any> & { strategy?: 'lazy' | 'blocking' | 'parallel' } | undefined>
   /** @internal */
   _asyncData: Record<string, {
     data: Ref<any>