vue Architecture Docs
Home / Function/ genCssVarsCode() — vue Function Reference

genCssVarsCode() — vue Function Reference

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

Function typescript CompilerSFC StyleProcessor calls 2 called by 2

Entity Profile

Dependency Diagram

graph TD
  847be4cb_fc6a_9296_b72f_58b4cc679dd7["genCssVarsCode()"]
  b08241c7_738d_9e08_b885_fad82facd4f3["cssVars.ts"]
  847be4cb_fc6a_9296_b72f_58b4cc679dd7 -->|defined in| b08241c7_738d_9e08_b885_fad82facd4f3
  6195696d_b4e9_b5d7_3dd5_1966a03d855f["compileScript()"]
  6195696d_b4e9_b5d7_3dd5_1966a03d855f -->|calls| 847be4cb_fc6a_9296_b72f_58b4cc679dd7
  ec134563_fe99_b34c_861f_267104e87086["genNormalScriptCssVarsCode()"]
  ec134563_fe99_b34c_861f_267104e87086 -->|calls| 847be4cb_fc6a_9296_b72f_58b4cc679dd7
  0d52f3a2_1338_85fa_b96a_0301b63945bb["genCssVarsFromList()"]
  847be4cb_fc6a_9296_b72f_58b4cc679dd7 -->|calls| 0d52f3a2_1338_85fa_b96a_0301b63945bb
  fefea729_cf80_e4f2_675b_000b41fc85a5["prefixIdentifiers()"]
  847be4cb_fc6a_9296_b72f_58b4cc679dd7 -->|calls| fefea729_cf80_e4f2_675b_000b41fc85a5
  style 847be4cb_fc6a_9296_b72f_58b4cc679dd7 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
  )})`
}

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does genCssVarsCode() do?
genCssVarsCode() is a function in the vue codebase, defined in packages/compiler-sfc/src/cssVars.ts.
Where is genCssVarsCode() defined?
genCssVarsCode() is defined in packages/compiler-sfc/src/cssVars.ts at line 142.
What does genCssVarsCode() call?
genCssVarsCode() calls 2 function(s): genCssVarsFromList, prefixIdentifiers.
What calls genCssVarsCode()?
genCssVarsCode() is called by 2 function(s): compileScript, genNormalScriptCssVarsCode.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free