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
  85c84789_cf5f_3077_96f3_7206f35f33ec["transform()"]
  9806d4c8_1f8b_eef1_02b1_ca958f0b0e01["transform()"]
  9806d4c8_1f8b_eef1_02b1_ca958f0b0e01 -->|calls| 85c84789_cf5f_3077_96f3_7206f35f33ec
  86cee8da_2433_7225_4bc4_522e812617bc["rewrite()"]
  85c84789_cf5f_3077_96f3_7206f35f33ec -->|calls| 86cee8da_2433_7225_4bc4_522e812617bc
  style 85c84789_cf5f_3077_96f3_7206f35f33ec 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)
          )
        )
      }
    }
  }
}