syncSetupProxy() — vue Function Reference

Architecture documentation for the syncSetupProxy() function in apiSetup.ts from the vue codebase.

Function typescript CompilerSFC StyleProcessor calls 1 called by 2

Entity Profile

CompilerSFC→ StyleProcessor→ syncSetupProxy() — vue Function Reference

Dependency Diagram

graph TD
  0c8dcb74_d1a6_69b8_fa50_1c0794b7cc11["syncSetupProxy()"]
  8aaa5e5e_c1b8_2835_8e40_bd7e697ed38d["updateChildComponent()"]
  8aaa5e5e_c1b8_2835_8e40_bd7e697ed38d -->|calls| 0c8dcb74_d1a6_69b8_fa50_1c0794b7cc11
  6827e187_9a52_5423_0fdc_05675ae269f2["createSetupContext()"]
  6827e187_9a52_5423_0fdc_05675ae269f2 -->|calls| 0c8dcb74_d1a6_69b8_fa50_1c0794b7cc11
  691e6850_ecc0_245d_8bbc_ef29bd2832a8["defineProxyAttr()"]
  0c8dcb74_d1a6_69b8_fa50_1c0794b7cc11 -->|calls| 691e6850_ecc0_245d_8bbc_ef29bd2832a8
  style 0c8dcb74_d1a6_69b8_fa50_1c0794b7cc11 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/v3/apiSetup.ts lines 125–148

export function syncSetupProxy(
  to: any,
  from: any,
  prev: any,
  instance: Component,
  type: string
) {
  let changed = false
  for (const key in from) {
    if (!(key in to)) {
      changed = true
      defineProxyAttr(to, key, instance, type)
    } else if (from[key] !== prev[key]) {
      changed = true
    }
  }
  for (const key in to) {
    if (!(key in from)) {
      changed = true
      delete to[key]
    }
  }
  return changed
}