genCssVarsFromList() — vue Function Reference

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

Function typescript CompilerSFC StyleProcessor calls 1 called by 1

Entity Profile

CompilerSFC→ StyleProcessor→ genCssVarsFromList() — vue Function Reference

Dependency Diagram

graph TD
  0d52f3a2_1338_85fa_b96a_0301b63945bb["genCssVarsFromList()"]
  b08241c7_738d_9e08_b885_fad82facd4f3["cssVars.ts"]
  0d52f3a2_1338_85fa_b96a_0301b63945bb -->|defined in| b08241c7_738d_9e08_b885_fad82facd4f3
  847be4cb_fc6a_9296_b72f_58b4cc679dd7["genCssVarsCode()"]
  847be4cb_fc6a_9296_b72f_58b4cc679dd7 -->|calls| 0d52f3a2_1338_85fa_b96a_0301b63945bb
  70a26c95_033f_abba_21d5_424f6b5b29ed["genVarName()"]
  0d52f3a2_1338_85fa_b96a_0301b63945bb -->|calls| 70a26c95_033f_abba_21d5_424f6b5b29ed
  style 0d52f3a2_1338_85fa_b96a_0301b63945bb 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}`
}