addDirective() — vue Function Reference

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

Function typescript CompilerSFC StyleProcessor calls 1 called by 1

Entity Profile

CompilerSFC→ StyleProcessor→ addDirective() — vue Function Reference

Dependency Diagram

graph TD
  8fd77f23_ee00_f1d1_782f_87be6944e85f["addDirective()"]
  59b7cd33_3172_bd71_66da_0b9508449054["helpers.ts"]
  8fd77f23_ee00_f1d1_782f_87be6944e85f -->|defined in| 59b7cd33_3172_bd71_66da_0b9508449054
  94cd3ed6_4fec_eddb_c90a_1c38249e5b02["processAttrs()"]
  94cd3ed6_4fec_eddb_c90a_1c38249e5b02 -->|calls| 8fd77f23_ee00_f1d1_782f_87be6944e85f
  b8300ea8_d2a4_8ee3_27f2_4fb5b2125adb["rangeSetItem()"]
  8fd77f23_ee00_f1d1_782f_87be6944e85f -->|calls| b8300ea8_d2a4_8ee3_27f2_4fb5b2125adb
  style 8fd77f23_ee00_f1d1_782f_87be6944e85f 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
}