genClassSegments() — vue Function Reference

Architecture documentation for the genClassSegments() function in modules.ts from the vue codebase.

Function typescript ServerRenderer OptimizingCompiler called by 1

Entity Profile

ServerRenderer→ OptimizingCompiler→ genClassSegments() — vue Function Reference

Dependency Diagram

graph TD
  8dc601ee_8b46_b0a6_f4e9_7332b2a6e50c["genClassSegments()"]
  90d3f44d_ff5a_6ebd_69e4_9cea3949738e["modules.ts"]
  8dc601ee_8b46_b0a6_f4e9_7332b2a6e50c -->|defined in| 90d3f44d_ff5a_6ebd_69e4_9cea3949738e
  196fe819_bb8d_b1f6_0dc9_740b319c4953["elementToOpenTagSegments()"]
  196fe819_bb8d_b1f6_0dc9_740b319c4953 -->|calls| 8dc601ee_8b46_b0a6_f4e9_7332b2a6e50c
  style 8dc601ee_8b46_b0a6_f4e9_7332b2a6e50c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/modules.ts lines 80–94

export function genClassSegments(
  staticClass: string | null | undefined,
  classBinding: string | null | undefined
): Array<StringSegment> {
  if (staticClass && !classBinding) {
    return [{ type: RAW, value: ` class="${JSON.parse(staticClass)}"` }]
  } else {
    return [
      {
        type: EXPRESSION,
        value: `_ssrClass(${staticClass || 'null'},${classBinding || 'null'})`
      }
    ]
  }
}