genDOMPropSegments() — vue Function Reference

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

Function typescript ServerRenderer OptimizingCompiler calls 2 called by 1

Entity Profile

ServerRenderer→ OptimizingCompiler→ genDOMPropSegments() — vue Function Reference

Dependency Diagram

graph TD
  8b12e37d_7ab6_437f_93c1_1c031b654fda["genDOMPropSegments()"]
  90d3f44d_ff5a_6ebd_69e4_9cea3949738e["modules.ts"]
  8b12e37d_7ab6_437f_93c1_1c031b654fda -->|defined in| 90d3f44d_ff5a_6ebd_69e4_9cea3949738e
  196fe819_bb8d_b1f6_0dc9_740b319c4953["elementToOpenTagSegments()"]
  196fe819_bb8d_b1f6_0dc9_740b319c4953 -->|calls| 8b12e37d_7ab6_437f_93c1_1c031b654fda
  abecdb7e_6551_469d_217a_85f9116b2ac7["isRenderableAttr()"]
  8b12e37d_7ab6_437f_93c1_1c031b654fda -->|calls| abecdb7e_6551_469d_217a_85f9116b2ac7
  f05fab75_7791_9f82_1ce2_b6cde9a0b79b["genAttrSegment()"]
  8b12e37d_7ab6_437f_93c1_1c031b654fda -->|calls| f05fab75_7791_9f82_1ce2_b6cde9a0b79b
  style 8b12e37d_7ab6_437f_93c1_1c031b654fda 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
}