processRule() — vue Function Reference

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

Function typescript CompilerSFC ScriptAnalyzer calls 1 called by 1

Entity Profile

CompilerSFC→ ScriptAnalyzer→ processRule() — vue Function Reference

Dependency Diagram

graph TD
  1f0a1b49_024c_6fba_e857_32ad923156cd["processRule()"]
  293256a5_d9c5_362a_dbb7_f610cfee392e["scoped.ts"]
  1f0a1b49_024c_6fba_e857_32ad923156cd -->|defined in| 293256a5_d9c5_362a_dbb7_f610cfee392e
  10a8720e_d85f_e74e_ebd7_52d351d7789b["scopedPlugin()"]
  10a8720e_d85f_e74e_ebd7_52d351d7789b -->|calls| 1f0a1b49_024c_6fba_e857_32ad923156cd
  72855293_857f_e3f0_2dd4_26dc34299a97["rewriteSelector()"]
  1f0a1b49_024c_6fba_e857_32ad923156cd -->|calls| 72855293_857f_e3f0_2dd4_26dc34299a97
  style 1f0a1b49_024c_6fba_e857_32ad923156cd 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)
}