transform() — vue Function Reference

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

Function typescript SfcCompiler ScriptCompiler calls 1 called by 1

Entity Profile

SfcCompiler→ ScriptCompiler→ transform() — vue Function Reference

Dependency Diagram

graph TD
  d351a240_af5e_b0a1_a277_fa541902c2e7["transform()"]
  cae36964_2fe7_a649_0189_6f756f42c7f5["assetUrl.ts"]
  d351a240_af5e_b0a1_a277_fa541902c2e7 -->|defined in| cae36964_2fe7_a649_0189_6f756f42c7f5
  7517df93_2b97_cb05_d1cf_00c25c305369["transform()"]
  7517df93_2b97_cb05_d1cf_00c25c305369 -->|calls| d351a240_af5e_b0a1_a277_fa541902c2e7
  7afd8a83_3fc2_6187_5517_fcf280baab01["rewrite()"]
  d351a240_af5e_b0a1_a277_fa541902c2e7 -->|calls| 7afd8a83_3fc2_6187_5517_fcf280baab01
  style d351a240_af5e_b0a1_a277_fa541902c2e7 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)
          )
        )
      }
    }
  }
}