processRule() — vue Function Reference

Architecture documentation for the processRule() function in scoped.ts from the vue codebase.

Function typescript SfcCompiler ScriptCompiler calls 1 called by 1

Entity Profile

SfcCompiler→ ScriptCompiler→ processRule() — vue Function Reference

Dependency Diagram

graph TD
  cbc564d0_cbc4_b3c1_202b_f67e009171ed["processRule()"]
  822b2e28_d690_8f44_42af_ffc75c6a194a["scoped.ts"]
  cbc564d0_cbc4_b3c1_202b_f67e009171ed -->|defined in| 822b2e28_d690_8f44_42af_ffc75c6a194a
  d86bae84_10d8_7bbb_4a04_234c48dfb075["scopedPlugin()"]
  d86bae84_10d8_7bbb_4a04_234c48dfb075 -->|calls| cbc564d0_cbc4_b3c1_202b_f67e009171ed
  346bd118_1c41_64e1_58b1_7fd70084a476["rewriteSelector()"]
  cbc564d0_cbc4_b3c1_202b_f67e009171ed -->|calls| 346bd118_1c41_64e1_58b1_7fd70084a476
  style cbc564d0_cbc4_b3c1_202b_f67e009171ed fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/stylePlugins/scoped.ts lines 63–78

function processRule(id: string, rule: Rule) {
  if (
    processedRules.has(rule) ||
    (rule.parent &&
      rule.parent.type === 'atrule' &&
      /-?keyframes$/.test((rule.parent as AtRule).name))
  ) {
    return
  }
  processedRules.add(rule)
  rule.selector = selectorParser(selectorRoot => {
    selectorRoot.each(selector => {
      rewriteSelector(id, selector, selectorRoot)
    })
  }).processSync(rule.selector)
}