genDOMPropSegments() — vue Function Reference

Architecture documentation for the genDOMPropSegments() function in modules.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 2 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ genDOMPropSegments() — vue Function Reference

Dependency Diagram

graph TD
  fa544f11_0c48_ef02_0a1e_2942ccbf1f8a["genDOMPropSegments()"]
  480317ab_b1ef_f907_829e_f74af9eae452["elementToOpenTagSegments()"]
  480317ab_b1ef_f907_829e_f74af9eae452 -->|calls| fa544f11_0c48_ef02_0a1e_2942ccbf1f8a
  dfde1ef6_e1eb_f805_b004_15ea50f02cb9["isRenderableAttr()"]
  fa544f11_0c48_ef02_0a1e_2942ccbf1f8a -->|calls| dfde1ef6_e1eb_f805_b004_15ea50f02cb9
  3561315d_c822_c2b2_64d4_ead55e1cfeef["genAttrSegment()"]
  fa544f11_0c48_ef02_0a1e_2942ccbf1f8a -->|calls| 3561315d_c822_c2b2_64d4_ead55e1cfeef
  style fa544f11_0c48_ef02_0a1e_2942ccbf1f8a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/modules.ts lines 39–54

export function genDOMPropSegments(
  props: Array<ASTAttr>,
  attrs: Array<ASTAttr> | null | undefined
): Array<StringSegment> {
  const segments: StringSegment[] = []
  props.forEach(({ name, value }) => {
    name = propsToAttrMap[name] || name.toLowerCase()
    if (
      isRenderableAttr(name) &&
      !(attrs && attrs.some(a => a.name === name))
    ) {
      segments.push(genAttrSegment(name, value))
    }
  })
  return segments
}