Home / Function/ genCssVarsCode() — vue Function Reference

genCssVarsCode() — vue Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  ff14d2b7_217f_7b2c_a8cf_e648b225c4b8["genCssVarsCode()"]
  445bc304_0400_2ae2_a33b_eaa1d5e1788a["cssVars.ts"]
  ff14d2b7_217f_7b2c_a8cf_e648b225c4b8 -->|defined in| 445bc304_0400_2ae2_a33b_eaa1d5e1788a
  4dff3da5_c3f4_4303_7989_1d16ed3f091d["compileScript()"]
  4dff3da5_c3f4_4303_7989_1d16ed3f091d -->|calls| ff14d2b7_217f_7b2c_a8cf_e648b225c4b8
  3b99ed03_b8e9_f8e3_3a3a_885f324f52b7["genNormalScriptCssVarsCode()"]
  3b99ed03_b8e9_f8e3_3a3a_885f324f52b7 -->|calls| ff14d2b7_217f_7b2c_a8cf_e648b225c4b8
  4956d7a4_57cd_9920_59d3_5a0e12330d49["genCssVarsFromList()"]
  ff14d2b7_217f_7b2c_a8cf_e648b225c4b8 -->|calls| 4956d7a4_57cd_9920_59d3_5a0e12330d49
  3c98115b_726f_620d_0dc3_3d696ff8a7c2["prefixIdentifiers()"]
  ff14d2b7_217f_7b2c_a8cf_e648b225c4b8 -->|calls| 3c98115b_726f_620d_0dc3_3d696ff8a7c2
  style ff14d2b7_217f_7b2c_a8cf_e648b225c4b8 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

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