renderStyle() — vue Function Reference

Architecture documentation for the renderStyle() function in style.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 2

Entity Profile

ServerRenderer→ BundleRenderer→ renderStyle() — vue Function Reference

Dependency Diagram

graph TD
  8a6562eb_75b6_e029_4015_c2b809702663["renderStyle()"]
  9ebd262e_02c0_2bf3_c67d_fa9e59f467c5["style.ts"]
  8a6562eb_75b6_e029_4015_c2b809702663 -->|defined in| 9ebd262e_02c0_2bf3_c67d_fa9e59f467c5
  cecba13f_5a10_116b_812c_1e81cf0003da["genStyle()"]
  8a6562eb_75b6_e029_4015_c2b809702663 -->|calls| cecba13f_5a10_116b_812c_1e81cf0003da
  4e8211dc_aa7e_481a_3002_b46e9e8afd4e["escape()"]
  8a6562eb_75b6_e029_4015_c2b809702663 -->|calls| 4e8211dc_aa7e_481a_3002_b46e9e8afd4e
  style 8a6562eb_75b6_e029_4015_c2b809702663 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/modules/style.ts lines 35–40

export default function renderStyle(vnode: VNodeWithData): string | undefined {
  const styleText = genStyle(getStyle(vnode, false))
  if (styleText !== '') {
    return ` style=${JSON.stringify(escape(styleText))}`
  }
}