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
  96b3c31f_f988_202a_442b_1f0ff39f4f33["genDOMPropSegments()"]
  96d38cc7_62ee_04de_8f49_73340fb7f3ad["elementToOpenTagSegments()"]
  96d38cc7_62ee_04de_8f49_73340fb7f3ad -->|calls| 96b3c31f_f988_202a_442b_1f0ff39f4f33
  39d30191_a166_7c57_243e_1c8439e9de3a["isRenderableAttr()"]
  96b3c31f_f988_202a_442b_1f0ff39f4f33 -->|calls| 39d30191_a166_7c57_243e_1c8439e9de3a
  86d4a3c9_c203_baee_605e_9fdf44bd3b10["genAttrSegment()"]
  96b3c31f_f988_202a_442b_1f0ff39f4f33 -->|calls| 86d4a3c9_c203_baee_605e_9fdf44bd3b10
  style 96b3c31f_f988_202a_442b_1f0ff39f4f33 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
}