renderStyle() — vue Function Reference

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

Function typescript ServerRenderer TemplateRenderer calls 2

Entity Profile

ServerRenderer→ TemplateRenderer→ renderStyle() — vue Function Reference

Dependency Diagram

graph TD
  654fe1f1_5130_0934_51ac_65dfb1b10f75["renderStyle()"]
  1bba1212_b24c_b9c5_98d6_faf10821140f["style.ts"]
  654fe1f1_5130_0934_51ac_65dfb1b10f75 -->|defined in| 1bba1212_b24c_b9c5_98d6_faf10821140f
  7b8fbb0d_6625_f705_64a4_334409494e27["genStyle()"]
  654fe1f1_5130_0934_51ac_65dfb1b10f75 -->|calls| 7b8fbb0d_6625_f705_64a4_334409494e27
  1e08374e_4b7f_6901_4657_b7f1d04e4395["escape()"]
  654fe1f1_5130_0934_51ac_65dfb1b10f75 -->|calls| 1e08374e_4b7f_6901_4657_b7f1d04e4395
  style 654fe1f1_5130_0934_51ac_65dfb1b10f75 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))}`
  }
}