normalizeExpression() — vue Function Reference

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

Function typescript SfcCompiler ScriptCompiler called by 2

Entity Profile

SfcCompiler→ ScriptCompiler→ normalizeExpression() — vue Function Reference

Dependency Diagram

graph TD
  5aa38c1a_fe69_a4b2_ce67_a637263a98eb["normalizeExpression()"]
  445bc304_0400_2ae2_a33b_eaa1d5e1788a["cssVars.ts"]
  5aa38c1a_fe69_a4b2_ce67_a637263a98eb -->|defined in| 445bc304_0400_2ae2_a33b_eaa1d5e1788a
  9bf0fc0d_be28_66be_0264_6ad60cd848e2["parseCssVars()"]
  9bf0fc0d_be28_66be_0264_6ad60cd848e2 -->|calls| 5aa38c1a_fe69_a4b2_ce67_a637263a98eb
  96711959_2cc0_7721_49fa_91560867d8c7["cssVarsPlugin()"]
  96711959_2cc0_7721_49fa_91560867d8c7 -->|calls| 5aa38c1a_fe69_a4b2_ce67_a637263a98eb
  style 5aa38c1a_fe69_a4b2_ce67_a637263a98eb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/cssVars.ts lines 30–39

function normalizeExpression(exp: string) {
  exp = exp.trim()
  if (
    (exp[0] === `'` && exp[exp.length - 1] === `'`) ||
    (exp[0] === `"` && exp[exp.length - 1] === `"`)
  ) {
    return exp.slice(1, -1)
  }
  return exp
}