waitForServerPrefetch() — vue Function Reference

Architecture documentation for the waitForServerPrefetch() function in render.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 1 called by 2

Entity Profile

ServerRenderer→ BundleRenderer→ waitForServerPrefetch() — vue Function Reference

Dependency Diagram

graph TD
  3fd16487_5069_75b0_842d_3d4d3393df69["waitForServerPrefetch()"]
  b912b998_19db_0074_fde6_8126c7f548f0["renderComponentInner()"]
  b912b998_19db_0074_fde6_8126c7f548f0 -->|calls| 3fd16487_5069_75b0_842d_3d4d3393df69
  bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e["createRenderFunction()"]
  bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e -->|calls| 3fd16487_5069_75b0_842d_3d4d3393df69
  2be3818d_a4f3_495c_543c_ee071b428982["isDef()"]
  3fd16487_5069_75b0_842d_3d4d3393df69 -->|calls| 2be3818d_a4f3_495c_543c_ee071b428982
  style 3fd16487_5069_75b0_842d_3d4d3393df69 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/render.ts lines 58–77

function waitForServerPrefetch(vm, resolve, reject) {
  let handlers = vm.$options.serverPrefetch
  if (isDef(handlers)) {
    if (!Array.isArray(handlers)) handlers = [handlers]
    try {
      const promises: Promise<any>[] = []
      for (let i = 0, j = handlers.length; i < j; i++) {
        const result = handlers[i].call(vm, vm)
        if (result && typeof result.then === 'function') {
          promises.push(result)
        }
      }
      Promise.all(promises).then(resolve).catch(reject)
      return
    } catch (e: any) {
      reject(e)
    }
  }
  resolve()
}