genStringElementWithChildren() — vue Function Reference

Architecture documentation for the genStringElementWithChildren() function in codegen.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 3 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ genStringElementWithChildren() — vue Function Reference

Dependency Diagram

graph TD
  b16796bd_68b9_6a04_0a88_db0f3e9e23a9["genStringElementWithChildren()"]
  4aaa14b9_d580_5a66_5221_1be3a11a7eed["codegen.ts"]
  b16796bd_68b9_6a04_0a88_db0f3e9e23a9 -->|defined in| 4aaa14b9_d580_5a66_5221_1be3a11a7eed
  f524af7e_1682_aa62_bd3c_c1210416da99["genSSRElement()"]
  f524af7e_1682_aa62_bd3c_c1210416da99 -->|calls| b16796bd_68b9_6a04_0a88_db0f3e9e23a9
  9b3a663f_695e_152f_f435_63be2d53c2ef["genSSRChildren()"]
  b16796bd_68b9_6a04_0a88_db0f3e9e23a9 -->|calls| 9b3a663f_695e_152f_f435_63be2d53c2ef
  4b4d624e_1347_0fd1_7de4_c427685d01b5["flattenSegments()"]
  b16796bd_68b9_6a04_0a88_db0f3e9e23a9 -->|calls| 4b4d624e_1347_0fd1_7de4_c427685d01b5
  9d3b67d4_d578_dee4_50a8_8ed82301c536["elementToOpenTagSegments()"]
  b16796bd_68b9_6a04_0a88_db0f3e9e23a9 -->|calls| 9d3b67d4_d578_dee4_50a8_8ed82301c536
  style b16796bd_68b9_6a04_0a88_db0f3e9e23a9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/codegen.ts lines 108–113

function genStringElementWithChildren(el, state) {
  const children = genSSRChildren(el, state, true)
  return `_ssrNode(${flattenSegments(elementToOpenTagSegments(el, state))},"</${
    el.tag
  }>"${children ? `,${children}` : ''})`
}