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
  31022e41_9356_bc1a_19ac_a481181c0824["genStringElementWithChildren()"]
  c9c89a7e_a7ef_371a_0bb1_ccb05926e1f2["genSSRElement()"]
  c9c89a7e_a7ef_371a_0bb1_ccb05926e1f2 -->|calls| 31022e41_9356_bc1a_19ac_a481181c0824
  90946362_1dcc_09cf_deab_4dd92fd90376["genSSRChildren()"]
  31022e41_9356_bc1a_19ac_a481181c0824 -->|calls| 90946362_1dcc_09cf_deab_4dd92fd90376
  d48879f6_7abd_8ec3_2045_6f616d63d913["flattenSegments()"]
  31022e41_9356_bc1a_19ac_a481181c0824 -->|calls| d48879f6_7abd_8ec3_2045_6f616d63d913
  96d38cc7_62ee_04de_8f49_73340fb7f3ad["elementToOpenTagSegments()"]
  31022e41_9356_bc1a_19ac_a481181c0824 -->|calls| 96d38cc7_62ee_04de_8f49_73340fb7f3ad
  style 31022e41_9356_bc1a_19ac_a481181c0824 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}` : ''})`
}