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
  66c86784_b39a_5ff8_ed39_f2b96784a18f["genCssVarsFromList()"]
  31882be9_2c41_9ebd_3833_95fb4363ddb5["genCssVarsCode()"]
  31882be9_2c41_9ebd_3833_95fb4363ddb5 -->|calls| 66c86784_b39a_5ff8_ed39_f2b96784a18f
  1987be0f_0c6f_12e4_2ea1_4eb4263855c4["genVarName()"]
  66c86784_b39a_5ff8_ed39_f2b96784a18f -->|calls| 1987be0f_0c6f_12e4_2ea1_4eb4263855c4
  style 66c86784_b39a_5ff8_ed39_f2b96784a18f 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}`
}