Function shallowReactive

src/reactivity/reactive.ts:178–230

(obj: any)

export function shallowReactive<T extends object = any>(obj: T): T
export function shallowReactive(obj: any) {
  if (!isObject(obj)) {
    if (__DEV__) {
      warn('"shallowReactive()" must be called on an object.')
    }
    return obj
  }

  if (
    !(isPlainObject(obj) || isArray(obj)) ||
    isRaw(obj) ||
    !Object.isExtensible(obj)
  ) {
    return obj
  }

  const observed = observe(isArray(obj) ? [] : {})

  const ob = (observed as any).__ob__

  for (const key of Object.keys(obj)) {
    let val = obj[key]
    let getter: (() => any) | undefined
    let setter: ((x: any) => void) | undefined
    const property = Object.getOwnPropertyDescriptor(obj, key)
    if (property) {
      if (property.configurable === false) {
        continue
      }
      getter = property.get
      setter = property.set
    }

    proxy(observed, key, {
      get: function getterHandler() {
        ob.dep?.depend()
        return val
      },
      set: function setterHandler(newVal: any) {
        if (getter && !setter) return

        if (!isForceTrigger() && val === newVal) return
        if (setter) {
          setter.call(obj, newVal)
        } else {
          val = newVal
        }
        ob.dep?.notify()
      },
    })
  }
  return observed
}

/**
 * Make obj reactivity