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
  ea2f4f6d_abb0_6ddc_a8a6_21616cb106fa["genStringElementWithChildren()"]
  55398ede_0597_fb47_dd8c_edb8c5aacdad["genSSRElement()"]
  55398ede_0597_fb47_dd8c_edb8c5aacdad -->|calls| ea2f4f6d_abb0_6ddc_a8a6_21616cb106fa
  685ec3ac_f3cb_a1f2_7038_724c16fd7095["genSSRChildren()"]
  ea2f4f6d_abb0_6ddc_a8a6_21616cb106fa -->|calls| 685ec3ac_f3cb_a1f2_7038_724c16fd7095
  48fb08dc_06e5_2ea9_c348_2ac656bbd173["flattenSegments()"]
  ea2f4f6d_abb0_6ddc_a8a6_21616cb106fa -->|calls| 48fb08dc_06e5_2ea9_c348_2ac656bbd173
  480317ab_b1ef_f907_829e_f74af9eae452["elementToOpenTagSegments()"]
  ea2f4f6d_abb0_6ddc_a8a6_21616cb106fa -->|calls| 480317ab_b1ef_f907_829e_f74af9eae452
  style ea2f4f6d_abb0_6ddc_a8a6_21616cb106fa 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}` : ''})`
}