genCssVarsFromList() — vue Function Reference

Architecture documentation for the genCssVarsFromList() function in cssVars.ts from the vue codebase.

Function typescript CompilerSFC ScriptCompiler calls 1 called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ genCssVarsFromList() — vue Function Reference

Dependency Diagram

graph TD
  a529a219_41cb_a359_1f8b_d0169d83906f["genCssVarsFromList()"]
  0619d942_1d45_256a_46da_d12186658236["genCssVarsCode()"]
  0619d942_1d45_256a_46da_d12186658236 -->|calls| a529a219_41cb_a359_1f8b_d0169d83906f
  ca02b3b0_5d12_751b_ef96_78b58db03475["genVarName()"]
  a529a219_41cb_a359_1f8b_d0169d83906f -->|calls| ca02b3b0_5d12_751b_ef96_78b58db03475
  style a529a219_41cb_a359_1f8b_d0169d83906f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/cssVars.ts lines 9–20

export function genCssVarsFromList(
  vars: string[],
  id: string,
  isProd: boolean,
  isSSR = false
): string {
  return `{\n  ${vars
    .map(
      key => `"${isSSR ? `--` : ``}${genVarName(id, key, isProd)}": (${key})`
    )
    .join(',\n  ')}\n}`
}