transform() — vue Function Reference

Architecture documentation for the transform() function in assetUrl.ts from the vue codebase.

Function typescript CompilerSFC ScriptCompiler calls 1 called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ transform() — vue Function Reference

Dependency Diagram

graph TD
  fe4f5b2b_ec8b_0f97_5212_181a07d0b5dd["transform()"]
  c1b3f083_bc44_5037_61ae_e8e7ce19b488["transform()"]
  c1b3f083_bc44_5037_61ae_e8e7ce19b488 -->|calls| fe4f5b2b_ec8b_0f97_5212_181a07d0b5dd
  d7162635_9fea_6331_1bc2_0da7f96c79b8["rewrite()"]
  fe4f5b2b_ec8b_0f97_5212_181a07d0b5dd -->|calls| d7162635_9fea_6331_1bc2_0da7f96c79b8
  style fe4f5b2b_ec8b_0f97_5212_181a07d0b5dd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/templateCompilerModules/assetUrl.ts lines 46–68

function transform(
  node: ASTNode,
  options: AssetURLOptions,
  transformAssetUrlsOption?: TransformAssetUrlsOptions
) {
  if (node.type !== 1 || !node.attrs) return
  for (const tag in options) {
    if (tag === '*' || node.tag === tag) {
      const attributes = options[tag]
      if (typeof attributes === 'string') {
        node.attrs!.some(attr =>
          rewrite(attr, attributes, transformAssetUrlsOption)
        )
      } else if (Array.isArray(attributes)) {
        attributes.forEach(item =>
          node.attrs!.some(attr =>
            rewrite(attr, item, transformAssetUrlsOption)
          )
        )
      }
    }
  }
}