start() — vue Function Reference

Architecture documentation for the start() function in template-stream.ts from the vue codebase.

Function typescript ServerRenderer TemplateRenderer calls 2 called by 1

Entity Profile

ServerRenderer→ TemplateRenderer→ start() — vue Function Reference

Dependency Diagram

graph TD
  411ddda2_962f_2863_118c_4eadeb763c91["start()"]
  f05845f9_ab92_f302_7c35_d458f3105a3d["TemplateStream"]
  411ddda2_962f_2863_118c_4eadeb763c91 -->|defined in| f05845f9_ab92_f302_7c35_d458f3105a3d
  2c9c5d50_b676_44a9_62a3_74b3629ac4aa["_transform()"]
  2c9c5d50_b676_44a9_62a3_74b3629ac4aa -->|calls| 411ddda2_962f_2863_118c_4eadeb763c91
  7c7d334f_3782_7894_ca93_084f14d54628["renderResourceHints()"]
  411ddda2_962f_2863_118c_4eadeb763c91 -->|calls| 7c7d334f_3782_7894_ca93_084f14d54628
  5894a37d_9192_b727_818d_1e75532b2f51["renderStyles()"]
  411ddda2_962f_2863_118c_4eadeb763c91 -->|calls| 5894a37d_9192_b727_818d_1e75532b2f51
  style 411ddda2_962f_2863_118c_4eadeb763c91 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/template-renderer/template-stream.ts lines 35–59

  start() {
    this.started = true
    this.push(this.template.head(this.context))

    if (this.inject) {
      // inline server-rendered head meta information
      if (this.context.head) {
        this.push(this.context.head)
      }

      // inline preload/prefetch directives for initial/async chunks
      const links = this.renderer.renderResourceHints(this.context)
      if (links) {
        this.push(links)
      }

      // CSS files and inline server-rendered CSS collected by vue-style-loader
      const styles = this.renderer.renderStyles(this.context)
      if (styles) {
        this.push(styles)
      }
    }

    this.push(this.template.neck(this.context))
  }