vuejs · edison1105 · Jun 25, 2026 · Oct 19, 2023 · Oct 19, 2023 · Oct 19, 2023
diff --git a/packages/server-renderer/__tests__/ssrTeleport.spec.ts b/packages/server-renderer/__tests__/ssrTeleport.spec.ts
@@ -1,4 +1,4 @@
-import { Teleport, createApp, h } from 'vue'
+import { Teleport, createApp, defineAsyncComponent, h } from 'vue'
 import { renderToString } from '../src/renderToString'
 import { renderToSimpleStream } from '../src/renderToStream'
 import type { SSRContext } from '../src/render'
@@ -177,4 +177,34 @@ describe('ssrRenderTeleport', () => {
       `<!--teleport start anchor--><div>content</div><!--teleport anchor-->`,
     )
   })
+
+  test('teleport resolves nested async content inside suspense', async () => {
+    const ctx: SSRContext = {}
+
+    const AsyncChild = defineAsyncComponent(() =>
+      Promise.resolve({
+        render: () => h('span', 'async'),
+      }),
+    )
+    const Wrapper = {
+      render: () => h('div', h(AsyncChild)),
+    }
+    const Comp = {
+      template:
+        '<teleport to="#target"><Suspense><Wrapper /></Suspense></teleport>',
+      components: { Wrapper },
+    }
+
+    const html = await renderToString(
+      h({
+        template: '<Comp />',
+        components: { Comp },
+      }),
+      ctx,
+    )
+    expect(html).toBe('<!--teleport start--><!--teleport end-->')
+    expect(ctx.teleports!['#target']).toBe(
+      `<!--teleport start anchor--><div><span>async</span></div><!--teleport anchor-->`,
+    )
+  })
 })
diff --git a/packages/server-renderer/src/helpers/ssrRenderTeleport.ts b/packages/server-renderer/src/helpers/ssrRenderTeleport.ts
@@ -1,4 +1,5 @@
 import { type ComponentInternalInstance, ssrContextKey } from 'vue'
+import { isArray, isPromise } from '@vue/shared'
 import {
   type PushFn,
   type SSRBufferItem,
@@ -39,5 +40,11 @@ export function ssrRenderTeleport(
   }
 
   targetBuffer.splice(bufferIndex, 0, teleportContent)
+  if (
+    isPromise(teleportContent) ||
+    (isArray(teleportContent) && teleportContent.hasAsync)
+  ) {
+    targetBuffer.hasAsync = true
+  }
   parentPush('<!--teleport end-->')
 }
diff --git a/packages/server-renderer/src/renderToString.ts b/packages/server-renderer/src/renderToString.ts
@@ -103,7 +103,7 @@ export async function resolveTeleports(context: SSRContext): Promise<void> {
       // note: it's OK to await sequentially here because the Promises were
       // created eagerly in parallel.
       context.teleports[key] = await unrollBuffer(
-        await Promise.all([context.__teleportBuffers[key]]),
+        context.__teleportBuffers[key],
       )
     }
   }