renderSSRStyle() — vue Function Reference

Architecture documentation for the renderSSRStyle() function in runtime-helpers.ts from the vue codebase.

Function typescript ServerRenderer OptimizingCompiler calls 2

Entity Profile

ServerRenderer→ OptimizingCompiler→ renderSSRStyle() — vue Function Reference

Dependency Diagram

graph TD
  927cf20a_33b3_a4a7_4600_cc44a1cc7c0a["renderSSRStyle()"]
  b4035da1_cf86_9027_2643_66e42fd3924f["runtime-helpers.ts"]
  927cf20a_33b3_a4a7_4600_cc44a1cc7c0a -->|defined in| b4035da1_cf86_9027_2643_66e42fd3924f
  7b8fbb0d_6625_f705_64a4_334409494e27["genStyle()"]
  927cf20a_33b3_a4a7_4600_cc44a1cc7c0a -->|calls| 7b8fbb0d_6625_f705_64a4_334409494e27
  1e08374e_4b7f_6901_4657_b7f1d04e4395["escape()"]
  927cf20a_33b3_a4a7_4600_cc44a1cc7c0a -->|calls| 1e08374e_4b7f_6901_4657_b7f1d04e4395
  style 927cf20a_33b3_a4a7_4600_cc44a1cc7c0a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/runtime-helpers.ts lines 137–148

function renderSSRStyle(
  staticStyle: Record<string, any>,
  dynamic: any,
  extra?: Record<string, any>
): string {
  const style = {}
  if (staticStyle) extend(style, staticStyle)
  if (dynamic) extend(style, normalizeStyleBinding(dynamic))
  if (extra) extend(style, extra)
  const res = genStyle(style)
  return res === '' ? res : ` style=${JSON.stringify(escape(res))}`
}