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
  0619d942_1d45_256a_46da_d12186658236["genCssVarsCode()"]
  af57cd20_c4ce_0877_c02c_52056ca04d4a["compileScript()"]
  af57cd20_c4ce_0877_c02c_52056ca04d4a -->|calls| 0619d942_1d45_256a_46da_d12186658236
  cd87c836_44ee_b6ed_1710_a0549a485db8["genNormalScriptCssVarsCode()"]
  cd87c836_44ee_b6ed_1710_a0549a485db8 -->|calls| 0619d942_1d45_256a_46da_d12186658236
  a529a219_41cb_a359_1f8b_d0169d83906f["genCssVarsFromList()"]
  0619d942_1d45_256a_46da_d12186658236 -->|calls| a529a219_41cb_a359_1f8b_d0169d83906f
  daf5feaa_5661_e63c_80fa_09f5265e529c["prefixIdentifiers()"]
  0619d942_1d45_256a_46da_d12186658236 -->|calls| daf5feaa_5661_e63c_80fa_09f5265e529c
  style 0619d942_1d45_256a_46da_d12186658236 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
  )})`
}