transform() — vue Function Reference

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

Function typescript CompilerSFC ScriptAnalyzer calls 1 called by 1

Entity Profile

CompilerSFC→ ScriptAnalyzer→ transform() — vue Function Reference

Dependency Diagram

graph TD
  2ba2c5dc_e31c_4154_c50d_941c9a6d9680["transform()"]
  dcc849a8_8698_9d99_84f0_b76bdf69610c["assetUrl.ts"]
  2ba2c5dc_e31c_4154_c50d_941c9a6d9680 -->|defined in| dcc849a8_8698_9d99_84f0_b76bdf69610c
  0f70d60f_22b7_52fe_ab25_711c3bc297a9["transform()"]
  0f70d60f_22b7_52fe_ab25_711c3bc297a9 -->|calls| 2ba2c5dc_e31c_4154_c50d_941c9a6d9680
  0ff97342_1187_94f6_a64b_18bb0f56b2df["rewrite()"]
  2ba2c5dc_e31c_4154_c50d_941c9a6d9680 -->|calls| 0ff97342_1187_94f6_a64b_18bb0f56b2df
  style 2ba2c5dc_e31c_4154_c50d_941c9a6d9680 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)
          )
        )
      }
    }
  }
}