fix(nuxt3): add app:suspense:resolve hooks (#2937)

packages/nuxt3/src/app/bootstrap.ts

@@ -48,7 +48,7 @@ if (process.client) {
     await nuxt.hooks.callHook('app:created', vueApp)
     await nuxt.hooks.callHook('app:beforeMount', vueApp)
 
-    nuxt.hooks.hookOnce('page:finish', () => {
+    nuxt.hooks.hookOnce('app:suspense:resolve', () => {
       nuxt.isHydrating = false
     })
 

packages/nuxt3/src/app/components/nuxt-root.vue

@@ -1,5 +1,5 @@
 <template>
-  <Suspense>
+  <Suspense @resolve="onResolve">
     <App />
   </Suspense>
 </template>
@@ -14,6 +14,9 @@ export default {
     if (process.dev && results && results.some(i => i && 'then' in i)) {
       console.error('[nuxt] Error in `vue:setup`. Callbacks must be synchronous.')
     }
+    return {
+      onResolve: () => nuxtApp.callHook('app:suspense:resolve')
+    }
   }
 }
 </script>

packages/nuxt3/src/app/nuxt.ts

@@ -20,6 +20,7 @@ export interface RuntimeNuxtHooks {
   'app:beforeMount': (app: App<Element>) => HookResult
   'app:mounted': (app: App<Element>) => HookResult
   'app:rendered': () => HookResult
+  'app:suspense:resolve': (Component?: VNode) => HookResult
   'page:start': (Component?: VNode) => HookResult
   'page:finish': (Component?: VNode) => HookResult
   'meta:register': (metaRenderers: Array<(nuxt: NuxtApp) => NuxtMeta | Promise<NuxtMeta>>) => HookResult