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
  1d03c177_581d_f577_3b0a_ad1fbb6de4ba["genDOMPropSegments()"]
  92853cf6_4176_f03f_0670_cca3d63c003e["modules.ts"]
  1d03c177_581d_f577_3b0a_ad1fbb6de4ba -->|defined in| 92853cf6_4176_f03f_0670_cca3d63c003e
  9d3b67d4_d578_dee4_50a8_8ed82301c536["elementToOpenTagSegments()"]
  9d3b67d4_d578_dee4_50a8_8ed82301c536 -->|calls| 1d03c177_581d_f577_3b0a_ad1fbb6de4ba
  953457f9_439e_4bfb_da0b_a8f1356764a0["isRenderableAttr()"]
  1d03c177_581d_f577_3b0a_ad1fbb6de4ba -->|calls| 953457f9_439e_4bfb_da0b_a8f1356764a0
  8ee2370a_436c_cb50_dd8a_e999affa373b["genAttrSegment()"]
  1d03c177_581d_f577_3b0a_ad1fbb6de4ba -->|calls| 8ee2370a_436c_cb50_dd8a_e999affa373b
  style 1d03c177_581d_f577_3b0a_ad1fbb6de4ba 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
}