renderAttr() — vue Function Reference

Architecture documentation for the renderAttr() function in attrs.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 3 called by 4

Entity Profile

ServerRenderer→ BundleRenderer→ renderAttr() — vue Function Reference

Dependency Diagram

graph TD
  5a73be1a_07f5_5a0a_d729_edcdc84b830c["renderAttr()"]
  a0b4404b_fb84_98b3_4f7a_375b041a7128["renderAttrs()"]
  a0b4404b_fb84_98b3_4f7a_375b041a7128 -->|calls| 5a73be1a_07f5_5a0a_d729_edcdc84b830c
  c0b33b28_c53f_db55_fab1_7f6054379fe4["renderDOMProps()"]
  c0b33b28_c53f_db55_fab1_7f6054379fe4 -->|calls| 5a73be1a_07f5_5a0a_d729_edcdc84b830c
  431f70cc_3eff_e6e1_c18a_d3173ac7370f["renderAttrs()"]
  431f70cc_3eff_e6e1_c18a_d3173ac7370f -->|calls| 5a73be1a_07f5_5a0a_d729_edcdc84b830c
  09d9ca98_b554_d9cf_dd56_2a6d9da7d413["renderDOMProps()"]
  09d9ca98_b554_d9cf_dd56_2a6d9da7d413 -->|calls| 5a73be1a_07f5_5a0a_d729_edcdc84b830c
  be84ae86_7e3e_7fb3_974f_c30a863dbaf5["isFalsyAttrValue()"]
  5a73be1a_07f5_5a0a_d729_edcdc84b830c -->|calls| be84ae86_7e3e_7fb3_974f_c30a863dbaf5
  a5dd94b3_92b9_525e_59d6_4019047b41cf["escape()"]
  5a73be1a_07f5_5a0a_d729_edcdc84b830c -->|calls| a5dd94b3_92b9_525e_59d6_4019047b41cf
  e81b4a7f_3bfb_cc01_6190_082e049a819f["convertEnumeratedValue()"]
  5a73be1a_07f5_5a0a_d729_edcdc84b830c -->|calls| e81b4a7f_3bfb_cc01_6190_082e049a819f
  style 5a73be1a_07f5_5a0a_d729_edcdc84b830c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/modules/attrs.ts lines 54–65

export function renderAttr(key: string, value: string): string {
  if (isBooleanAttr(key)) {
    if (!isFalsyAttrValue(value)) {
      return ` ${key}="${key}"`
    }
  } else if (isEnumeratedAttr(key)) {
    return ` ${key}="${escape(convertEnumeratedValue(key, value))}"`
  } else if (!isFalsyAttrValue(value)) {
    return ` ${key}="${escape(String(value))}"`
  }
  return ''
}