addDirective() — vue Function Reference

Architecture documentation for the addDirective() function in helpers.ts from the vue codebase.

Function typescript CompilerSFC ScriptCompiler calls 1 called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ addDirective() — vue Function Reference

Dependency Diagram

graph TD
  c2fb6a46_dbd6_cdae_1536_1098e913cb08["addDirective()"]
  a8b5582c_75a3_d739_c9b5_27e2ceb67bc3["processAttrs()"]
  a8b5582c_75a3_d739_c9b5_27e2ceb67bc3 -->|calls| c2fb6a46_dbd6_cdae_1536_1098e913cb08
  c336f147_1947_5913_00aa_91254a8ee33b["rangeSetItem()"]
  c2fb6a46_dbd6_cdae_1536_1098e913cb08 -->|calls| c336f147_1947_5913_00aa_91254a8ee33b
  style c2fb6a46_dbd6_cdae_1536_1098e913cb08 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/helpers.ts lines 58–82

export function addDirective(
  el: ASTElement,
  name: string,
  rawName: string,
  value: string,
  arg?: string,
  isDynamicArg?: boolean,
  modifiers?: ASTModifiers,
  range?: Range
) {
  ;(el.directives || (el.directives = [])).push(
    rangeSetItem(
      {
        name,
        rawName,
        value,
        arg,
        isDynamicArg,
        modifiers
      },
      range
    )
  )
  el.plain = false
}