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
  d73c9526_09c0_71b5_ab46_cdd9dcf35673["start()"]
  28d68c7e_2c7f_5bb2_b735_7354abc74108["TemplateStream"]
  d73c9526_09c0_71b5_ab46_cdd9dcf35673 -->|defined in| 28d68c7e_2c7f_5bb2_b735_7354abc74108
  97d5c3f8_7b32_5618_ac83_a1c5068bd623["_transform()"]
  97d5c3f8_7b32_5618_ac83_a1c5068bd623 -->|calls| d73c9526_09c0_71b5_ab46_cdd9dcf35673
  1e33fa19_964c_fc1d_b475_9148bf079077["renderResourceHints()"]
  d73c9526_09c0_71b5_ab46_cdd9dcf35673 -->|calls| 1e33fa19_964c_fc1d_b475_9148bf079077
  f44f112c_5db8_7334_0114_a66283aafe69["renderStyles()"]
  d73c9526_09c0_71b5_ab46_cdd9dcf35673 -->|calls| f44f112c_5db8_7334_0114_a66283aafe69
  style d73c9526_09c0_71b5_ab46_cdd9dcf35673 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))
  }