renderAttr() — vue Function Reference

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

Function typescript ServerRenderer TemplateRenderer calls 1 called by 4

Entity Profile

ServerRenderer→ TemplateRenderer→ renderAttr() — vue Function Reference

Dependency Diagram

graph TD
  96350562_77d9_8c7d_dea6_f361de4190a4["renderAttr()"]
  bc187cab_30a4_3c2e_1a8b_ee1317ae8c83["attrs.ts"]
  96350562_77d9_8c7d_dea6_f361de4190a4 -->|defined in| bc187cab_30a4_3c2e_1a8b_ee1317ae8c83
  5bd4d7e0_23a9_fe60_c3fc_891e027ff985["renderAttrs()"]
  5bd4d7e0_23a9_fe60_c3fc_891e027ff985 -->|calls| 96350562_77d9_8c7d_dea6_f361de4190a4
  425e3e86_3201_04c4_cc8c_1e92c1d4118e["renderDOMProps()"]
  425e3e86_3201_04c4_cc8c_1e92c1d4118e -->|calls| 96350562_77d9_8c7d_dea6_f361de4190a4
  c0a57e9f_b0a8_fdde_5fe7_833b55b982bd["renderAttrs()"]
  c0a57e9f_b0a8_fdde_5fe7_833b55b982bd -->|calls| 96350562_77d9_8c7d_dea6_f361de4190a4
  828247e1_bd38_55ee_7661_4493b82f5a93["renderDOMProps()"]
  828247e1_bd38_55ee_7661_4493b82f5a93 -->|calls| 96350562_77d9_8c7d_dea6_f361de4190a4
  1e08374e_4b7f_6901_4657_b7f1d04e4395["escape()"]
  96350562_77d9_8c7d_dea6_f361de4190a4 -->|calls| 1e08374e_4b7f_6901_4657_b7f1d04e4395
  style 96350562_77d9_8c7d_dea6_f361de4190a4 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 ''
}