start() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 2 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ start() — vue Function Reference

Dependency Diagram

graph TD
  7ab283ad_6b55_e541_73d2_c5a7b0fe8b3b["start()"]
  46538085_9e8a_6437_cd3c_9110042851d4["_transform()"]
  46538085_9e8a_6437_cd3c_9110042851d4 -->|calls| 7ab283ad_6b55_e541_73d2_c5a7b0fe8b3b
  d9b4566f_74ea_db87_d004_22dccd0797b4["renderResourceHints()"]
  7ab283ad_6b55_e541_73d2_c5a7b0fe8b3b -->|calls| d9b4566f_74ea_db87_d004_22dccd0797b4
  1fb5bb9f_cd65_3295_c809_a55c72d7282e["renderStyles()"]
  7ab283ad_6b55_e541_73d2_c5a7b0fe8b3b -->|calls| 1fb5bb9f_cd65_3295_c809_a55c72d7282e
  style 7ab283ad_6b55_e541_73d2_c5a7b0fe8b3b 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))
  }