processRawAttrs() — vue Function Reference

Architecture documentation for the processRawAttrs() function in index.ts from the vue codebase.

Function typescript CompilerSFC StyleProcessor called by 1

Entity Profile

CompilerSFC→ StyleProcessor→ processRawAttrs() — vue Function Reference

Dependency Diagram

graph TD
  4d46d682_a9d9_8463_d226_e677b0213b53["processRawAttrs()"]
  320ee0f4_351d_a6b2_1c1c_f0f6f42fb987["index.ts"]
  4d46d682_a9d9_8463_d226_e677b0213b53 -->|defined in| 320ee0f4_351d_a6b2_1c1c_f0f6f42fb987
  e259ff52_42a6_4f54_59b8_e6bf86822027["parse()"]
  e259ff52_42a6_4f54_59b8_e6bf86822027 -->|calls| 4d46d682_a9d9_8463_d226_e677b0213b53
  style 4d46d682_a9d9_8463_d226_e677b0213b53 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/parser/index.ts lines 430–449

function processRawAttrs(el) {
  const list = el.attrsList
  const len = list.length
  if (len) {
    const attrs: Array<ASTAttr> = (el.attrs = new Array(len))
    for (let i = 0; i < len; i++) {
      attrs[i] = {
        name: list[i].name,
        value: JSON.stringify(list[i].value)
      }
      if (list[i].start != null) {
        attrs[i].start = list[i].start
        attrs[i].end = list[i].end
      }
    }
  } else if (!el.pre) {
    // non root node in pre blocks with no attributes
    el.plain = true
  }
}