genCssVarsCode() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 2 called by 2

Entity Profile

CompilerSFC→ ScriptCompiler→ genCssVarsCode() — vue Function Reference

Dependency Diagram

graph TD
  31882be9_2c41_9ebd_3833_95fb4363ddb5["genCssVarsCode()"]
  16b5f9ed_1e09_eff8_5797_7cb90fc86d37["compileScript()"]
  16b5f9ed_1e09_eff8_5797_7cb90fc86d37 -->|calls| 31882be9_2c41_9ebd_3833_95fb4363ddb5
  cea5366c_e3c9_28ae_a8fc_2d496c97c902["genNormalScriptCssVarsCode()"]
  cea5366c_e3c9_28ae_a8fc_2d496c97c902 -->|calls| 31882be9_2c41_9ebd_3833_95fb4363ddb5
  66c86784_b39a_5ff8_ed39_f2b96784a18f["genCssVarsFromList()"]
  31882be9_2c41_9ebd_3833_95fb4363ddb5 -->|calls| 66c86784_b39a_5ff8_ed39_f2b96784a18f
  da297c1b_76f1_4af5_5266_fee8757f87ed["prefixIdentifiers()"]
  31882be9_2c41_9ebd_3833_95fb4363ddb5 -->|calls| da297c1b_76f1_4af5_5266_fee8757f87ed
  style 31882be9_2c41_9ebd_3833_95fb4363ddb5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/cssVars.ts lines 142–156

export function genCssVarsCode(
  vars: string[],
  bindings: BindingMetadata,
  id: string,
  isProd: boolean
) {
  const varsExp = genCssVarsFromList(vars, id, isProd)
  return `_${CSS_VARS_HELPER}((_vm, _setup) => ${prefixIdentifiers(
    `(${varsExp})`,
    false,
    false,
    undefined,
    bindings
  )})`
}