renderSSRStyle() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 2

Entity Profile

ServerRenderer→ BundleRenderer→ renderSSRStyle() — vue Function Reference

Dependency Diagram

graph TD
  a5e83307_0a5f_1b49_9cea_38d67145ba16["renderSSRStyle()"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4["runtime-helpers.ts"]
  a5e83307_0a5f_1b49_9cea_38d67145ba16 -->|defined in| b5390896_1fe7_f1d9_81bd_c577287dddd4
  cecba13f_5a10_116b_812c_1e81cf0003da["genStyle()"]
  a5e83307_0a5f_1b49_9cea_38d67145ba16 -->|calls| cecba13f_5a10_116b_812c_1e81cf0003da
  4e8211dc_aa7e_481a_3002_b46e9e8afd4e["escape()"]
  a5e83307_0a5f_1b49_9cea_38d67145ba16 -->|calls| 4e8211dc_aa7e_481a_3002_b46e9e8afd4e
  style a5e83307_0a5f_1b49_9cea_38d67145ba16 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))}`
}