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
  145909a6_2a38_1f9e_4f6e_4e56c11a4861["start()"]
  f97a0035_e3d2_f17c_75de_c74cec97a2c6["_transform()"]
  f97a0035_e3d2_f17c_75de_c74cec97a2c6 -->|calls| 145909a6_2a38_1f9e_4f6e_4e56c11a4861
  7f02213e_fb34_2058_966a_5fea6f3a95d9["renderResourceHints()"]
  145909a6_2a38_1f9e_4f6e_4e56c11a4861 -->|calls| 7f02213e_fb34_2058_966a_5fea6f3a95d9
  6465c79a_4c76_b386_0000_61f8658631f6["renderStyles()"]
  145909a6_2a38_1f9e_4f6e_4e56c11a4861 -->|calls| 6465c79a_4c76_b386_0000_61f8658631f6
  style 145909a6_2a38_1f9e_4f6e_4e56c11a4861 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))
  }