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
  37924a94_7eda_6738_f2fb_dc83c64098b0["renderAttr()"]
  5c31f360_ac69_0a14_e083_68773e1a8fb7["renderAttrs()"]
  5c31f360_ac69_0a14_e083_68773e1a8fb7 -->|calls| 37924a94_7eda_6738_f2fb_dc83c64098b0
  0fddbd73_542f_66b0_9163_a3b836d87f09["renderDOMProps()"]
  0fddbd73_542f_66b0_9163_a3b836d87f09 -->|calls| 37924a94_7eda_6738_f2fb_dc83c64098b0
  a78a83a4_53a3_a16a_7da6_646682fbc719["renderAttrs()"]
  a78a83a4_53a3_a16a_7da6_646682fbc719 -->|calls| 37924a94_7eda_6738_f2fb_dc83c64098b0
  922697ab_1a0f_3c2c_ea2e_7cd25d8ac925["renderDOMProps()"]
  922697ab_1a0f_3c2c_ea2e_7cd25d8ac925 -->|calls| 37924a94_7eda_6738_f2fb_dc83c64098b0
  5591bbf2_3e05_d1ab_faba_adf1092a56e3["isFalsyAttrValue()"]
  37924a94_7eda_6738_f2fb_dc83c64098b0 -->|calls| 5591bbf2_3e05_d1ab_faba_adf1092a56e3
  6121661a_8180_ff5f_be07_bd3a751ed57a["escape()"]
  37924a94_7eda_6738_f2fb_dc83c64098b0 -->|calls| 6121661a_8180_ff5f_be07_bd3a751ed57a
  d4d8ab2a_30f5_4b0f_9f02_cdde7a21a550["convertEnumeratedValue()"]
  37924a94_7eda_6738_f2fb_dc83c64098b0 -->|calls| d4d8ab2a_30f5_4b0f_9f02_cdde7a21a550
  style 37924a94_7eda_6738_f2fb_dc83c64098b0 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 ''
}