render() — vue Function Reference

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

Function typescript ServerRenderer TemplateRenderer calls 4 called by 1

Entity Profile

ServerRenderer→ TemplateRenderer→ render() — vue Function Reference

Dependency Diagram

graph TD
  c2756fe6_1f1e_29d1_4e0a_75be9f92ec3b["render()"]
  a6b6f41b_6598_1b32_00b3_8bbaa08b8c64["TemplateRenderer"]
  c2756fe6_1f1e_29d1_4e0a_75be9f92ec3b -->|defined in| a6b6f41b_6598_1b32_00b3_8bbaa08b8c64
  1c60f0eb_7fcc_3a6b_d886_ed0ac8152d52["createRenderer()"]
  1c60f0eb_7fcc_3a6b_d886_ed0ac8152d52 -->|calls| c2756fe6_1f1e_29d1_4e0a_75be9f92ec3b
  1e33fa19_964c_fc1d_b475_9148bf079077["renderResourceHints()"]
  c2756fe6_1f1e_29d1_4e0a_75be9f92ec3b -->|calls| 1e33fa19_964c_fc1d_b475_9148bf079077
  f44f112c_5db8_7334_0114_a66283aafe69["renderStyles()"]
  c2756fe6_1f1e_29d1_4e0a_75be9f92ec3b -->|calls| f44f112c_5db8_7334_0114_a66283aafe69
  1788e29c_e4bb_9fb7_3ffa_5decd1d21123["renderState()"]
  c2756fe6_1f1e_29d1_4e0a_75be9f92ec3b -->|calls| 1788e29c_e4bb_9fb7_3ffa_5decd1d21123
  0887ee34_8d99_7e8a_1cbb_dc5cefba6b9d["renderScripts()"]
  c2756fe6_1f1e_29d1_4e0a_75be9f92ec3b -->|calls| 0887ee34_8d99_7e8a_1cbb_dc5cefba6b9d
  style c2756fe6_1f1e_29d1_4e0a_75be9f92ec3b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/template-renderer/index.ts lines 107–141

  render(
    content: string,
    context: Record<string, any> | null
  ): string | Promise<string> {
    const template = this.parsedTemplate
    if (!template) {
      throw new Error('render cannot be called without a template.')
    }
    context = context || {}

    if (typeof template === 'function') {
      return template(content, context)
    }

    if (this.inject) {
      return (
        template.head(context) +
        (context.head || '') +
        this.renderResourceHints(context) +
        this.renderStyles(context) +
        template.neck(context) +
        content +
        this.renderState(context) +
        this.renderScripts(context) +
        template.tail(context)
      )
    } else {
      return (
        template.head(context) +
        template.neck(context) +
        content +
        template.tail(context)
      )
    }
  }