@vue-mini/core 1.2.9 → 1.3.0-beta.1

package/dist/vue-mini.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * vue-mini v1.2.9
+ * vue-mini v1.3.0-beta.1
  * https://github.com/vue-mini/vue-mini
  * (c) 2019-present Yang Mingshan
  * @license MIT
@@ -7,27 +7,30 @@
 'use strict';
 
 /**
-* @vue/shared v3.5.29
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-// @__NO_SIDE_EFFECTS__
+  * @vue/shared v3.6.0-beta.7
+  * (c) 2018-present Yuxi (Evan) You and Vue contributors
+  * @license MIT
+  **/
+//#region packages/shared/src/makeMap.ts
+/**
+* Make a map and return a function for checking if a key
+* is in that map.
+* IMPORTANT: all calls of this function must be prefixed with
+* \/\*#\_\_PURE\_\_\*\/
+* So that they can be tree-shaken if necessary.
+*/
+/* @__NO_SIDE_EFFECTS__ */
 function makeMap(str) {
-  const map = /* @__PURE__ */ Object.create(null);
-  for (const key of str.split(",")) map[key] = 1;
-  return (val) => val in map;
+	const map = Object.create(null);
+	for (const key of str.split(",")) map[key] = 1;
+	return (val) => val in map;
 }
 
+//#endregion
+//#region packages/shared/src/general.ts
 const EMPTY_OBJ$1 = Object.freeze({}) ;
-const NOOP = () => {
-};
+const NOOP = () => {};
 const extend$1 = Object.assign;
-const remove = (arr, el) => {
-  const i = arr.indexOf(el);
-  if (i > -1) {
-    arr.splice(i, 1);
-  }
-};
 const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
 const hasOwn = (val, key) => hasOwnProperty$1.call(val, key);
 const isArray$1 = Array.isArray;
@@ -40,2069 +43,1966 @@ const isObject$1 = (val) => val !== null && typeof val === "object";
 const objectToString = Object.prototype.toString;
 const toTypeString = (value) => objectToString.call(value);
 const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
+	return toTypeString(value).slice(8, -1);
 };
 const isPlainObject$1 = (val) => toTypeString(val) === "[object Object]";
 const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
 const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return ((str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  });
+	const cache = Object.create(null);
+	return ((str) => {
+		return cache[str] || (cache[str] = fn(str));
+	});
 };
+/**
+* @private
+*/
 const capitalize = cacheStringFunction((str) => {
-  return str.charAt(0).toUpperCase() + str.slice(1);
+	return str.charAt(0).toUpperCase() + str.slice(1);
 });
 const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
 const def = (obj, key, value, writable = false) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    writable,
-    value
-  });
+	Object.defineProperty(obj, key, {
+		configurable: true,
+		enumerable: false,
+		writable,
+		value
+	});
 };
 
 /**
-* @vue/reactivity v3.5.29
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
+  * @vue/reactivity v3.6.0-beta.7
+  * (c) 2018-present Yuxi (Evan) You and Vue contributors
+  * @license MIT
+  **/
 
-function warn(msg, ...args) {
-  console.warn(`[Vue warn] ${msg}`, ...args);
+//#region packages/reactivity/src/debug.ts
+const triggerEventInfos = [];
+function onTrack(sub, debugInfo) {
+	if (sub.onTrack) sub.onTrack(extend$1({ effect: sub }, debugInfo));
+}
+function onTrigger(sub) {
+	if (sub.onTrigger) {
+		const debugInfo = triggerEventInfos[triggerEventInfos.length - 1];
+		sub.onTrigger(extend$1({ effect: sub }, debugInfo));
+	}
+}
+function setupOnTrigger(target) {
+	Object.defineProperty(target.prototype, "onTrigger", {
+		get() {
+			return this._onTrigger;
+		},
+		set(val) {
+			if (val && !this._onTrigger) setupFlagsHandler(this);
+			this._onTrigger = val;
+		}
+	});
+}
+function setupFlagsHandler(target) {
+	target._flags = target.flags;
+	Object.defineProperty(target, "flags", {
+		get() {
+			return target._flags;
+		},
+		set(value) {
+			if (!(target._flags & 48) && !!(value & 48)) onTrigger(this);
+			target._flags = value;
+		}
+	});
 }
 
-let activeEffectScope;
-class EffectScope {
-  // TODO isolatedDeclarations "__v_skip"
-  constructor(detached = false) {
-    this.detached = detached;
-    /**
-     * @internal
-     */
-    this._active = true;
-    /**
-     * @internal track `on` calls, allow `on` call multiple times
-     */
-    this._on = 0;
-    /**
-     * @internal
-     */
-    this.effects = [];
-    /**
-     * @internal
-     */
-    this.cleanups = [];
-    this._isPaused = false;
-    this.__v_skip = true;
-    this.parent = activeEffectScope;
-    if (!detached && activeEffectScope) {
-      this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(
-        this
-      ) - 1;
-    }
-  }
-  get active() {
-    return this._active;
-  }
-  pause() {
-    if (this._active) {
-      this._isPaused = true;
-      let i, l;
-      if (this.scopes) {
-        for (i = 0, l = this.scopes.length; i < l; i++) {
-          this.scopes[i].pause();
-        }
-      }
-      for (i = 0, l = this.effects.length; i < l; i++) {
-        this.effects[i].pause();
-      }
-    }
-  }
-  /**
-   * Resumes the effect scope, including all child scopes and effects.
-   */
-  resume() {
-    if (this._active) {
-      if (this._isPaused) {
-        this._isPaused = false;
-        let i, l;
-        if (this.scopes) {
-          for (i = 0, l = this.scopes.length; i < l; i++) {
-            this.scopes[i].resume();
-          }
-        }
-        for (i = 0, l = this.effects.length; i < l; i++) {
-          this.effects[i].resume();
-        }
-      }
-    }
-  }
-  run(fn) {
-    if (this._active) {
-      const currentEffectScope = activeEffectScope;
-      try {
-        activeEffectScope = this;
-        return fn();
-      } finally {
-        activeEffectScope = currentEffectScope;
-      }
-    } else {
-      warn(`cannot run an inactive effect scope.`);
-    }
-  }
-  /**
-   * This should only be called on non-detached scopes
-   * @internal
-   */
-  on() {
-    if (++this._on === 1) {
-      this.prevScope = activeEffectScope;
-      activeEffectScope = this;
-    }
-  }
-  /**
-   * This should only be called on non-detached scopes
-   * @internal
-   */
-  off() {
-    if (this._on > 0 && --this._on === 0) {
-      activeEffectScope = this.prevScope;
-      this.prevScope = void 0;
-    }
-  }
-  stop(fromParent) {
-    if (this._active) {
-      this._active = false;
-      let i, l;
-      for (i = 0, l = this.effects.length; i < l; i++) {
-        this.effects[i].stop();
-      }
-      this.effects.length = 0;
-      for (i = 0, l = this.cleanups.length; i < l; i++) {
-        this.cleanups[i]();
-      }
-      this.cleanups.length = 0;
-      if (this.scopes) {
-        for (i = 0, l = this.scopes.length; i < l; i++) {
-          this.scopes[i].stop(true);
-        }
-        this.scopes.length = 0;
-      }
-      if (!this.detached && this.parent && !fromParent) {
-        const last = this.parent.scopes.pop();
-        if (last && last !== this) {
-          this.parent.scopes[this.index] = last;
-          last.index = this.index;
-        }
-      }
-      this.parent = void 0;
-    }
-  }
-}
-function effectScope(detached) {
-  return new EffectScope(detached);
-}
-function getCurrentScope() {
-  return activeEffectScope;
-}
-function onScopeDispose(fn, failSilently = false) {
-  if (activeEffectScope) {
-    activeEffectScope.cleanups.push(fn);
-  } else if (!failSilently) {
-    warn(
-      `onScopeDispose() is called when there is no active effect scope to be associated with.`
-    );
-  }
+//#endregion
+//#region packages/reactivity/src/warning.ts
+function warn(msg, ...args) {
+	console.warn(`[Vue warn] ${msg}`, ...args);
 }
 
-let activeSub;
-const pausedQueueEffects = /* @__PURE__ */ new WeakSet();
-class ReactiveEffect {
-  constructor(fn) {
-    this.fn = fn;
-    /**
-     * @internal
-     */
-    this.deps = void 0;
-    /**
-     * @internal
-     */
-    this.depsTail = void 0;
-    /**
-     * @internal
-     */
-    this.flags = 1 | 4;
-    /**
-     * @internal
-     */
-    this.next = void 0;
-    /**
-     * @internal
-     */
-    this.cleanup = void 0;
-    this.scheduler = void 0;
-    if (activeEffectScope && activeEffectScope.active) {
-      activeEffectScope.effects.push(this);
-    }
-  }
-  pause() {
-    this.flags |= 64;
-  }
-  resume() {
-    if (this.flags & 64) {
-      this.flags &= -65;
-      if (pausedQueueEffects.has(this)) {
-        pausedQueueEffects.delete(this);
-        this.trigger();
-      }
-    }
-  }
-  /**
-   * @internal
-   */
-  notify() {
-    if (this.flags & 2 && !(this.flags & 32)) {
-      return;
-    }
-    if (!(this.flags & 8)) {
-      batch(this);
-    }
-  }
-  run() {
-    if (!(this.flags & 1)) {
-      return this.fn();
-    }
-    this.flags |= 2;
-    cleanupEffect(this);
-    prepareDeps(this);
-    const prevEffect = activeSub;
-    const prevShouldTrack = shouldTrack;
-    activeSub = this;
-    shouldTrack = true;
-    try {
-      return this.fn();
-    } finally {
-      if (activeSub !== this) {
-        warn(
-          "Active effect was not restored correctly - this is likely a Vue internal bug."
-        );
-      }
-      cleanupDeps(this);
-      activeSub = prevEffect;
-      shouldTrack = prevShouldTrack;
-      this.flags &= -3;
-    }
-  }
-  stop() {
-    if (this.flags & 1) {
-      for (let link = this.deps; link; link = link.nextDep) {
-        removeSub(link);
-      }
-      this.deps = this.depsTail = void 0;
-      cleanupEffect(this);
-      this.onStop && this.onStop();
-      this.flags &= -2;
-    }
-  }
-  trigger() {
-    if (this.flags & 64) {
-      pausedQueueEffects.add(this);
-    } else if (this.scheduler) {
-      this.scheduler();
-    } else {
-      this.runIfDirty();
-    }
-  }
-  /**
-   * @internal
-   */
-  runIfDirty() {
-    if (isDirty(this)) {
-      this.run();
-    }
-  }
-  get dirty() {
-    return isDirty(this);
-  }
-}
+//#endregion
+//#region packages/reactivity/src/system.ts
+const ReactiveFlags$1 = {
+	"None": 0,
+	"Mutable": 1,
+	"Dirty": 16,
+	"Pending": 32};
+const notifyBuffer = [];
 let batchDepth = 0;
-let batchedSub;
-let batchedComputed;
-function batch(sub, isComputed = false) {
-  sub.flags |= 8;
-  if (isComputed) {
-    sub.next = batchedComputed;
-    batchedComputed = sub;
-    return;
-  }
-  sub.next = batchedSub;
-  batchedSub = sub;
+let activeSub = void 0;
+let globalVersion = 0;
+let notifyIndex = 0;
+let notifyBufferLength = 0;
+function setActiveSub(sub) {
+	try {
+		return activeSub;
+	} finally {
+		activeSub = sub;
+	}
 }
 function startBatch() {
-  batchDepth++;
+	++batchDepth;
 }
 function endBatch() {
-  if (--batchDepth > 0) {
-    return;
-  }
-  if (batchedComputed) {
-    let e = batchedComputed;
-    batchedComputed = void 0;
-    while (e) {
-      const next = e.next;
-      e.next = void 0;
-      e.flags &= -9;
-      e = next;
-    }
-  }
-  let error;
-  while (batchedSub) {
-    let e = batchedSub;
-    batchedSub = void 0;
-    while (e) {
-      const next = e.next;
-      e.next = void 0;
-      e.flags &= -9;
-      if (e.flags & 1) {
-        try {
-          ;
-          e.trigger();
-        } catch (err) {
-          if (!error) error = err;
-        }
-      }
-      e = next;
-    }
-  }
-  if (error) throw error;
-}
-function prepareDeps(sub) {
-  for (let link = sub.deps; link; link = link.nextDep) {
-    link.version = -1;
-    link.prevActiveLink = link.dep.activeLink;
-    link.dep.activeLink = link;
-  }
-}
-function cleanupDeps(sub) {
-  let head;
-  let tail = sub.depsTail;
-  let link = tail;
-  while (link) {
-    const prev = link.prevDep;
-    if (link.version === -1) {
-      if (link === tail) tail = prev;
-      removeSub(link);
-      removeDep(link);
-    } else {
-      head = link;
-    }
-    link.dep.activeLink = link.prevActiveLink;
-    link.prevActiveLink = void 0;
-    link = prev;
-  }
-  sub.deps = head;
-  sub.depsTail = tail;
-}
-function isDirty(sub) {
-  for (let link = sub.deps; link; link = link.nextDep) {
-    if (link.dep.version !== link.version || link.dep.computed && (refreshComputed(link.dep.computed) || link.dep.version !== link.version)) {
-      return true;
-    }
-  }
-  if (sub._dirty) {
-    return true;
-  }
-  return false;
-}
-function refreshComputed(computed) {
-  if (computed.flags & 4 && !(computed.flags & 16)) {
-    return;
-  }
-  computed.flags &= -17;
-  if (computed.globalVersion === globalVersion) {
-    return;
-  }
-  computed.globalVersion = globalVersion;
-  if (!computed.isSSR && computed.flags & 128 && (!computed.deps && !computed._dirty || !isDirty(computed))) {
-    return;
-  }
-  computed.flags |= 2;
-  const dep = computed.dep;
-  const prevSub = activeSub;
-  const prevShouldTrack = shouldTrack;
-  activeSub = computed;
-  shouldTrack = true;
-  try {
-    prepareDeps(computed);
-    const value = computed.fn(computed._value);
-    if (dep.version === 0 || hasChanged(value, computed._value)) {
-      computed.flags |= 128;
-      computed._value = value;
-      dep.version++;
-    }
-  } catch (err) {
-    dep.version++;
-    throw err;
-  } finally {
-    activeSub = prevSub;
-    shouldTrack = prevShouldTrack;
-    cleanupDeps(computed);
-    computed.flags &= -3;
-  }
-}
-function removeSub(link, soft = false) {
-  const { dep, prevSub, nextSub } = link;
-  if (prevSub) {
-    prevSub.nextSub = nextSub;
-    link.prevSub = void 0;
-  }
-  if (nextSub) {
-    nextSub.prevSub = prevSub;
-    link.nextSub = void 0;
-  }
-  if (dep.subsHead === link) {
-    dep.subsHead = nextSub;
-  }
-  if (dep.subs === link) {
-    dep.subs = prevSub;
-    if (!prevSub && dep.computed) {
-      dep.computed.flags &= -5;
-      for (let l = dep.computed.deps; l; l = l.nextDep) {
-        removeSub(l, true);
-      }
-    }
-  }
-  if (!soft && !--dep.sc && dep.map) {
-    dep.map.delete(dep.key);
-  }
-}
-function removeDep(link) {
-  const { prevDep, nextDep } = link;
-  if (prevDep) {
-    prevDep.nextDep = nextDep;
-    link.prevDep = void 0;
-  }
-  if (nextDep) {
-    nextDep.prevDep = prevDep;
-    link.nextDep = void 0;
-  }
-}
-function effect(fn, options) {
-  if (fn.effect instanceof ReactiveEffect) {
-    fn = fn.effect.fn;
-  }
-  const e = new ReactiveEffect(fn);
-  if (options) {
-    extend$1(e, options);
-  }
-  try {
-    e.run();
-  } catch (err) {
-    e.stop();
-    throw err;
-  }
-  const runner = e.run.bind(e);
-  runner.effect = e;
-  return runner;
-}
-function stop(runner) {
-  runner.effect.stop();
-}
-let shouldTrack = true;
-const trackStack = [];
-function pauseTracking() {
-  trackStack.push(shouldTrack);
-  shouldTrack = false;
-}
-function resetTracking() {
-  const last = trackStack.pop();
-  shouldTrack = last === void 0 ? true : last;
-}
-function cleanupEffect(e) {
-  const { cleanup } = e;
-  e.cleanup = void 0;
-  if (cleanup) {
-    const prevSub = activeSub;
-    activeSub = void 0;
-    try {
-      cleanup();
-    } finally {
-      activeSub = prevSub;
-    }
-  }
+	if (!--batchDepth && notifyBufferLength) flush();
+}
+function link(dep, sub) {
+	const prevDep = sub.depsTail;
+	if (prevDep !== void 0 && prevDep.dep === dep) return;
+	const nextDep = prevDep !== void 0 ? prevDep.nextDep : sub.deps;
+	if (nextDep !== void 0 && nextDep.dep === dep) {
+		nextDep.version = globalVersion;
+		sub.depsTail = nextDep;
+		return;
+	}
+	const prevSub = dep.subsTail;
+	if (prevSub !== void 0 && prevSub.version === globalVersion && prevSub.sub === sub) return;
+	const newLink = sub.depsTail = dep.subsTail = {
+		version: globalVersion,
+		dep,
+		sub,
+		prevDep,
+		nextDep,
+		prevSub,
+		nextSub: void 0
+	};
+	if (nextDep !== void 0) nextDep.prevDep = newLink;
+	if (prevDep !== void 0) prevDep.nextDep = newLink;
+	else sub.deps = newLink;
+	if (prevSub !== void 0) prevSub.nextSub = newLink;
+	else dep.subs = newLink;
+}
+function unlink(link, sub = link.sub) {
+	const dep = link.dep;
+	const prevDep = link.prevDep;
+	const nextDep = link.nextDep;
+	const nextSub = link.nextSub;
+	const prevSub = link.prevSub;
+	if (nextDep !== void 0) nextDep.prevDep = prevDep;
+	else sub.depsTail = prevDep;
+	if (prevDep !== void 0) prevDep.nextDep = nextDep;
+	else sub.deps = nextDep;
+	if (nextSub !== void 0) nextSub.prevSub = prevSub;
+	else dep.subsTail = prevSub;
+	if (prevSub !== void 0) prevSub.nextSub = nextSub;
+	else if ((dep.subs = nextSub) === void 0) {
+		let toRemove = dep.deps;
+		if (toRemove !== void 0) {
+			do
+				toRemove = unlink(toRemove, dep);
+			while (toRemove !== void 0);
+			dep.flags |= 16;
+		}
+	}
+	return nextDep;
+}
+function propagate(link) {
+	let next = link.nextSub;
+	let stack;
+	top: do {
+		const sub = link.sub;
+		let flags = sub.flags;
+		if (flags & 3) {
+			if (!(flags & 60)) sub.flags = flags | 32;
+			else if (!(flags & 12)) flags = 0;
+			else if (!(flags & 4)) sub.flags = flags & -9 | 32;
+			else if (!(flags & 48) && isValidLink(link, sub)) {
+				sub.flags = flags | 40;
+				flags &= 1;
+			} else flags = 0;
+			if (flags & 2) notifyBuffer[notifyBufferLength++] = sub;
+			if (flags & 1) {
+				const subSubs = sub.subs;
+				if (subSubs !== void 0) {
+					link = subSubs;
+					if (subSubs.nextSub !== void 0) {
+						stack = {
+							value: next,
+							prev: stack
+						};
+						next = link.nextSub;
+					}
+					continue;
+				}
+			}
+		}
+		if ((link = next) !== void 0) {
+			next = link.nextSub;
+			continue;
+		}
+		while (stack !== void 0) {
+			link = stack.value;
+			stack = stack.prev;
+			if (link !== void 0) {
+				next = link.nextSub;
+				continue top;
+			}
+		}
+		break;
+	} while (true);
+}
+function startTracking(sub) {
+	++globalVersion;
+	sub.depsTail = void 0;
+	sub.flags = sub.flags & -57 | 4;
+	return setActiveSub(sub);
+}
+function endTracking(sub, prevSub) {
+	if (activeSub !== sub) warn("Active effect was not restored correctly - this is likely a Vue internal bug.");
+	activeSub = prevSub;
+	const depsTail = sub.depsTail;
+	let toRemove = depsTail !== void 0 ? depsTail.nextDep : sub.deps;
+	while (toRemove !== void 0) toRemove = unlink(toRemove, sub);
+	sub.flags &= -5;
+}
+function flush() {
+	while (notifyIndex < notifyBufferLength) {
+		const effect = notifyBuffer[notifyIndex];
+		notifyBuffer[notifyIndex++] = void 0;
+		effect.notify();
+	}
+	notifyIndex = 0;
+	notifyBufferLength = 0;
+}
+function checkDirty(link, sub) {
+	let stack;
+	let checkDepth = 0;
+	top: do {
+		const dep = link.dep;
+		const depFlags = dep.flags;
+		let dirty = false;
+		if (sub.flags & 16) dirty = true;
+		else if ((depFlags & 17) === 17) {
+			if (dep.update()) {
+				const subs = dep.subs;
+				if (subs.nextSub !== void 0) shallowPropagate(subs);
+				dirty = true;
+			}
+		} else if ((depFlags & 33) === 33) {
+			if (link.nextSub !== void 0 || link.prevSub !== void 0) stack = {
+				value: link,
+				prev: stack
+			};
+			link = dep.deps;
+			sub = dep;
+			++checkDepth;
+			continue;
+		}
+		if (!dirty && link.nextDep !== void 0) {
+			link = link.nextDep;
+			continue;
+		}
+		while (checkDepth) {
+			--checkDepth;
+			const firstSub = sub.subs;
+			const hasMultipleSubs = firstSub.nextSub !== void 0;
+			if (hasMultipleSubs) {
+				link = stack.value;
+				stack = stack.prev;
+			} else link = firstSub;
+			if (dirty) {
+				if (sub.update()) {
+					if (hasMultipleSubs) shallowPropagate(firstSub);
+					sub = link.sub;
+					continue;
+				}
+			} else sub.flags &= -33;
+			sub = link.sub;
+			if (link.nextDep !== void 0) {
+				link = link.nextDep;
+				continue top;
+			}
+			dirty = false;
+		}
+		return dirty;
+	} while (true);
+}
+function shallowPropagate(link) {
+	do {
+		const sub = link.sub;
+		const nextSub = link.nextSub;
+		const subFlags = sub.flags;
+		if ((subFlags & 48) === 32) sub.flags = subFlags | 16;
+		link = nextSub;
+	} while (link !== void 0);
+}
+function isValidLink(checkLink, sub) {
+	let link = sub.depsTail;
+	while (link !== void 0) {
+		if (link === checkLink) return true;
+		link = link.prevDep;
+	}
+	return false;
 }
 
-let globalVersion = 0;
-class Link {
-  constructor(sub, dep) {
-    this.sub = sub;
-    this.dep = dep;
-    this.version = dep.version;
-    this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
-  }
-}
-class Dep {
-  // TODO isolatedDeclarations "__v_skip"
-  constructor(computed) {
-    this.computed = computed;
-    this.version = 0;
-    /**
-     * Link between this dep and the current active effect
-     */
-    this.activeLink = void 0;
-    /**
-     * Doubly linked list representing the subscribing effects (tail)
-     */
-    this.subs = void 0;
-    /**
-     * For object property deps cleanup
-     */
-    this.map = void 0;
-    this.key = void 0;
-    /**
-     * Subscriber counter
-     */
-    this.sc = 0;
-    /**
-     * @internal
-     */
-    this.__v_skip = true;
-    {
-      this.subsHead = void 0;
-    }
-  }
-  track(debugInfo) {
-    if (!activeSub || !shouldTrack || activeSub === this.computed) {
-      return;
-    }
-    let link = this.activeLink;
-    if (link === void 0 || link.sub !== activeSub) {
-      link = this.activeLink = new Link(activeSub, this);
-      if (!activeSub.deps) {
-        activeSub.deps = activeSub.depsTail = link;
-      } else {
-        link.prevDep = activeSub.depsTail;
-        activeSub.depsTail.nextDep = link;
-        activeSub.depsTail = link;
-      }
-      addSub(link);
-    } else if (link.version === -1) {
-      link.version = this.version;
-      if (link.nextDep) {
-        const next = link.nextDep;
-        next.prevDep = link.prevDep;
-        if (link.prevDep) {
-          link.prevDep.nextDep = next;
-        }
-        link.prevDep = activeSub.depsTail;
-        link.nextDep = void 0;
-        activeSub.depsTail.nextDep = link;
-        activeSub.depsTail = link;
-        if (activeSub.deps === link) {
-          activeSub.deps = next;
-        }
-      }
-    }
-    if (activeSub.onTrack) {
-      activeSub.onTrack(
-        extend$1(
-          {
-            effect: activeSub
-          },
-          debugInfo
-        )
-      );
-    }
-    return link;
-  }
-  trigger(debugInfo) {
-    this.version++;
-    globalVersion++;
-    this.notify(debugInfo);
-  }
-  notify(debugInfo) {
-    startBatch();
-    try {
-      if (!!("development" !== "production")) {
-        for (let head = this.subsHead; head; head = head.nextSub) {
-          if (head.sub.onTrigger && !(head.sub.flags & 8)) {
-            head.sub.onTrigger(
-              extend$1(
-                {
-                  effect: head.sub
-                },
-                debugInfo
-              )
-            );
-          }
-        }
-      }
-      for (let link = this.subs; link; link = link.prevSub) {
-        if (link.sub.notify()) {
-          ;
-          link.sub.dep.notify();
-        }
-      }
-    } finally {
-      endBatch();
-    }
-  }
-}
-function addSub(link) {
-  link.dep.sc++;
-  if (link.sub.flags & 4) {
-    const computed = link.dep.computed;
-    if (computed && !link.dep.subs) {
-      computed.flags |= 4 | 16;
-      for (let l = computed.deps; l; l = l.nextDep) {
-        addSub(l);
-      }
-    }
-    const currentTail = link.dep.subs;
-    if (currentTail !== link) {
-      link.prevSub = currentTail;
-      if (currentTail) currentTail.nextSub = link;
-    }
-    if (link.dep.subsHead === void 0) {
-      link.dep.subsHead = link;
-    }
-    link.dep.subs = link;
-  }
-}
+//#endregion
+//#region packages/reactivity/src/dep.ts
+var Dep = class {
+	constructor(map, key) {
+		this.map = map;
+		this.key = key;
+		this._subs = void 0;
+		this.subsTail = void 0;
+		this.flags = 0;
+	}
+	get subs() {
+		return this._subs;
+	}
+	set subs(value) {
+		this._subs = value;
+		if (value === void 0) this.map.delete(this.key);
+	}
+};
 const targetMap = /* @__PURE__ */ new WeakMap();
-const ITERATE_KEY = /* @__PURE__ */ Symbol(
-  "Object iterate" 
-);
-const MAP_KEY_ITERATE_KEY = /* @__PURE__ */ Symbol(
-  "Map keys iterate" 
-);
-const ARRAY_ITERATE_KEY = /* @__PURE__ */ Symbol(
-  "Array iterate" 
-);
+const ITERATE_KEY = Symbol("Object iterate" );
+const MAP_KEY_ITERATE_KEY = Symbol("Map keys iterate" );
+const ARRAY_ITERATE_KEY = Symbol("Array iterate" );
+/**
+* Tracks access to a reactive property.
+*
+* This will check which effect is running at the moment and record it as dep
+* which records all effects that depend on the reactive property.
+*
+* @param target - Object holding the reactive property.
+* @param type - Defines the type of access to the reactive property.
+* @param key - Identifier of the reactive property to track.
+*/
 function track(target, type, key) {
-  if (shouldTrack && activeSub) {
-    let depsMap = targetMap.get(target);
-    if (!depsMap) {
-      targetMap.set(target, depsMap = /* @__PURE__ */ new Map());
-    }
-    let dep = depsMap.get(key);
-    if (!dep) {
-      depsMap.set(key, dep = new Dep());
-      dep.map = depsMap;
-      dep.key = key;
-    }
-    {
-      dep.track({
-        target,
-        type,
-        key
-      });
-    }
-  }
+	if (activeSub !== void 0) {
+		let depsMap = targetMap.get(target);
+		if (!depsMap) targetMap.set(target, depsMap = /* @__PURE__ */ new Map());
+		let dep = depsMap.get(key);
+		if (!dep) depsMap.set(key, dep = new Dep(depsMap, key));
+		onTrack(activeSub, {
+			target,
+			type,
+			key
+		});
+		link(dep, activeSub);
+	}
 }
+/**
+* Finds all deps associated with the target (or a specific property) and
+* triggers the effects stored within.
+*
+* @param target - The reactive object.
+* @param type - Defines the type of the operation that needs to trigger effects.
+* @param key - Can be used to target a specific reactive property in the target object.
+*/
 function trigger(target, type, key, newValue, oldValue, oldTarget) {
-  const depsMap = targetMap.get(target);
-  if (!depsMap) {
-    globalVersion++;
-    return;
-  }
-  const run = (dep) => {
-    if (dep) {
-      {
-        dep.trigger({
-          target,
-          type,
-          key,
-          newValue,
-          oldValue,
-          oldTarget
-        });
-      }
-    }
-  };
-  startBatch();
-  if (type === "clear") {
-    depsMap.forEach(run);
-  } else {
-    const targetIsArray = isArray$1(target);
-    const isArrayIndex = targetIsArray && isIntegerKey(key);
-    if (targetIsArray && key === "length") {
-      const newLength = Number(newValue);
-      depsMap.forEach((dep, key2) => {
-        if (key2 === "length" || key2 === ARRAY_ITERATE_KEY || !isSymbol(key2) && key2 >= newLength) {
-          run(dep);
-        }
-      });
-    } else {
-      if (key !== void 0 || depsMap.has(void 0)) {
-        run(depsMap.get(key));
-      }
-      if (isArrayIndex) {
-        run(depsMap.get(ARRAY_ITERATE_KEY));
-      }
-      switch (type) {
-        case "add":
-          if (!targetIsArray) {
-            run(depsMap.get(ITERATE_KEY));
-            if (isMap(target)) {
-              run(depsMap.get(MAP_KEY_ITERATE_KEY));
-            }
-          } else if (isArrayIndex) {
-            run(depsMap.get("length"));
-          }
-          break;
-        case "delete":
-          if (!targetIsArray) {
-            run(depsMap.get(ITERATE_KEY));
-            if (isMap(target)) {
-              run(depsMap.get(MAP_KEY_ITERATE_KEY));
-            }
-          }
-          break;
-        case "set":
-          if (isMap(target)) {
-            run(depsMap.get(ITERATE_KEY));
-          }
-          break;
-      }
-    }
-  }
-  endBatch();
+	const depsMap = targetMap.get(target);
+	if (!depsMap) return;
+	const run = (dep) => {
+		if (dep !== void 0 && dep.subs !== void 0) {
+			triggerEventInfos.push({
+				target,
+				type,
+				key,
+				newValue,
+				oldValue,
+				oldTarget
+			});
+			propagate(dep.subs);
+			shallowPropagate(dep.subs);
+			triggerEventInfos.pop();
+		}
+	};
+	startBatch();
+	if (type === "clear") depsMap.forEach(run);
+	else {
+		const targetIsArray = isArray$1(target);
+		const isArrayIndex = targetIsArray && isIntegerKey(key);
+		if (targetIsArray && key === "length") {
+			const newLength = Number(newValue);
+			depsMap.forEach((dep, key) => {
+				if (key === "length" || key === ARRAY_ITERATE_KEY || !isSymbol(key) && key >= newLength) run(dep);
+			});
+		} else {
+			if (key !== void 0 || depsMap.has(void 0)) run(depsMap.get(key));
+			if (isArrayIndex) run(depsMap.get(ARRAY_ITERATE_KEY));
+			switch (type) {
+				case "add":
+					if (!targetIsArray) {
+						run(depsMap.get(ITERATE_KEY));
+						if (isMap(target)) run(depsMap.get(MAP_KEY_ITERATE_KEY));
+					} else if (isArrayIndex) run(depsMap.get("length"));
+					break;
+				case "delete":
+					if (!targetIsArray) {
+						run(depsMap.get(ITERATE_KEY));
+						if (isMap(target)) run(depsMap.get(MAP_KEY_ITERATE_KEY));
+					}
+					break;
+				case "set":
+					if (isMap(target)) run(depsMap.get(ITERATE_KEY));
+					break;
+			}
+		}
+	}
+	endBatch();
 }
 function getDepFromReactive(object, key) {
-  const depMap = targetMap.get(object);
-  return depMap && depMap.get(key);
+	const depMap = targetMap.get(object);
+	return depMap && depMap.get(key);
 }
 
+//#endregion
+//#region packages/reactivity/src/arrayInstrumentations.ts
+/**
+* Track array iteration and return:
+* - if input is reactive: a cloned raw array with reactive values
+* - if input is non-reactive or shallowReactive: the original raw array
+*/
 function reactiveReadArray(array) {
-  const raw = toRaw(array);
-  if (raw === array) return raw;
-  track(raw, "iterate", ARRAY_ITERATE_KEY);
-  return isShallow(array) ? raw : raw.map(toReactive);
+	const raw = /* @__PURE__ */ toRaw(array);
+	if (raw === array) return raw;
+	track(raw, "iterate", ARRAY_ITERATE_KEY);
+	return /* @__PURE__ */ isShallow(array) ? raw : raw.map(toReactive);
 }
+/**
+* Track array iteration and return raw array
+*/
 function shallowReadArray(arr) {
-  track(arr = toRaw(arr), "iterate", ARRAY_ITERATE_KEY);
-  return arr;
+	track(arr = /* @__PURE__ */ toRaw(arr), "iterate", ARRAY_ITERATE_KEY);
+	return arr;
 }
 function toWrapped(target, item) {
-  if (isReadonly(target)) {
-    return isReactive(target) ? toReadonly(toReactive(item)) : toReadonly(item);
-  }
-  return toReactive(item);
+	if (/* @__PURE__ */ isReadonly(target)) return /* @__PURE__ */ isReactive(target) ? toReadonly(toReactive(item)) : toReadonly(item);
+	return toReactive(item);
 }
 const arrayInstrumentations = {
-  __proto__: null,
-  [Symbol.iterator]() {
-    return iterator(this, Symbol.iterator, (item) => toWrapped(this, item));
-  },
-  concat(...args) {
-    return reactiveReadArray(this).concat(
-      ...args.map((x) => isArray$1(x) ? reactiveReadArray(x) : x)
-    );
-  },
-  entries() {
-    return iterator(this, "entries", (value) => {
-      value[1] = toWrapped(this, value[1]);
-      return value;
-    });
-  },
-  every(fn, thisArg) {
-    return apply(this, "every", fn, thisArg, void 0, arguments);
-  },
-  filter(fn, thisArg) {
-    return apply(
-      this,
-      "filter",
-      fn,
-      thisArg,
-      (v) => v.map((item) => toWrapped(this, item)),
-      arguments
-    );
-  },
-  find(fn, thisArg) {
-    return apply(
-      this,
-      "find",
-      fn,
-      thisArg,
-      (item) => toWrapped(this, item),
-      arguments
-    );
-  },
-  findIndex(fn, thisArg) {
-    return apply(this, "findIndex", fn, thisArg, void 0, arguments);
-  },
-  findLast(fn, thisArg) {
-    return apply(
-      this,
-      "findLast",
-      fn,
-      thisArg,
-      (item) => toWrapped(this, item),
-      arguments
-    );
-  },
-  findLastIndex(fn, thisArg) {
-    return apply(this, "findLastIndex", fn, thisArg, void 0, arguments);
-  },
-  // flat, flatMap could benefit from ARRAY_ITERATE but are not straight-forward to implement
-  forEach(fn, thisArg) {
-    return apply(this, "forEach", fn, thisArg, void 0, arguments);
-  },
-  includes(...args) {
-    return searchProxy(this, "includes", args);
-  },
-  indexOf(...args) {
-    return searchProxy(this, "indexOf", args);
-  },
-  join(separator) {
-    return reactiveReadArray(this).join(separator);
-  },
-  // keys() iterator only reads `length`, no optimization required
-  lastIndexOf(...args) {
-    return searchProxy(this, "lastIndexOf", args);
-  },
-  map(fn, thisArg) {
-    return apply(this, "map", fn, thisArg, void 0, arguments);
-  },
-  pop() {
-    return noTracking(this, "pop");
-  },
-  push(...args) {
-    return noTracking(this, "push", args);
-  },
-  reduce(fn, ...args) {
-    return reduce(this, "reduce", fn, args);
-  },
-  reduceRight(fn, ...args) {
-    return reduce(this, "reduceRight", fn, args);
-  },
-  shift() {
-    return noTracking(this, "shift");
-  },
-  // slice could use ARRAY_ITERATE but also seems to beg for range tracking
-  some(fn, thisArg) {
-    return apply(this, "some", fn, thisArg, void 0, arguments);
-  },
-  splice(...args) {
-    return noTracking(this, "splice", args);
-  },
-  toReversed() {
-    return reactiveReadArray(this).toReversed();
-  },
-  toSorted(comparer) {
-    return reactiveReadArray(this).toSorted(comparer);
-  },
-  toSpliced(...args) {
-    return reactiveReadArray(this).toSpliced(...args);
-  },
-  unshift(...args) {
-    return noTracking(this, "unshift", args);
-  },
-  values() {
-    return iterator(this, "values", (item) => toWrapped(this, item));
-  }
+	__proto__: null,
+	[Symbol.iterator]() {
+		return iterator(this, Symbol.iterator, (item) => toWrapped(this, item));
+	},
+	concat(...args) {
+		return reactiveReadArray(this).concat(...args.map((x) => isArray$1(x) ? reactiveReadArray(x) : x));
+	},
+	entries() {
+		return iterator(this, "entries", (value) => {
+			value[1] = toWrapped(this, value[1]);
+			return value;
+		});
+	},
+	every(fn, thisArg) {
+		return apply(this, "every", fn, thisArg, void 0, arguments);
+	},
+	filter(fn, thisArg) {
+		return apply(this, "filter", fn, thisArg, (v) => v.map((item) => toWrapped(this, item)), arguments);
+	},
+	find(fn, thisArg) {
+		return apply(this, "find", fn, thisArg, (item) => toWrapped(this, item), arguments);
+	},
+	findIndex(fn, thisArg) {
+		return apply(this, "findIndex", fn, thisArg, void 0, arguments);
+	},
+	findLast(fn, thisArg) {
+		return apply(this, "findLast", fn, thisArg, (item) => toWrapped(this, item), arguments);
+	},
+	findLastIndex(fn, thisArg) {
+		return apply(this, "findLastIndex", fn, thisArg, void 0, arguments);
+	},
+	forEach(fn, thisArg) {
+		return apply(this, "forEach", fn, thisArg, void 0, arguments);
+	},
+	includes(...args) {
+		return searchProxy(this, "includes", args);
+	},
+	indexOf(...args) {
+		return searchProxy(this, "indexOf", args);
+	},
+	join(separator) {
+		return reactiveReadArray(this).join(separator);
+	},
+	lastIndexOf(...args) {
+		return searchProxy(this, "lastIndexOf", args);
+	},
+	map(fn, thisArg) {
+		return apply(this, "map", fn, thisArg, void 0, arguments);
+	},
+	pop() {
+		return noTracking(this, "pop");
+	},
+	push(...args) {
+		return noTracking(this, "push", args);
+	},
+	reduce(fn, ...args) {
+		return reduce(this, "reduce", fn, args);
+	},
+	reduceRight(fn, ...args) {
+		return reduce(this, "reduceRight", fn, args);
+	},
+	shift() {
+		return noTracking(this, "shift");
+	},
+	some(fn, thisArg) {
+		return apply(this, "some", fn, thisArg, void 0, arguments);
+	},
+	splice(...args) {
+		return noTracking(this, "splice", args);
+	},
+	toReversed() {
+		return reactiveReadArray(this).toReversed();
+	},
+	toSorted(comparer) {
+		return reactiveReadArray(this).toSorted(comparer);
+	},
+	toSpliced(...args) {
+		return reactiveReadArray(this).toSpliced(...args);
+	},
+	unshift(...args) {
+		return noTracking(this, "unshift", args);
+	},
+	values() {
+		return iterator(this, "values", (item) => toWrapped(this, item));
+	}
 };
 function iterator(self, method, wrapValue) {
-  const arr = shallowReadArray(self);
-  const iter = arr[method]();
-  if (arr !== self && !isShallow(self)) {
-    iter._next = iter.next;
-    iter.next = () => {
-      const result = iter._next();
-      if (!result.done) {
-        result.value = wrapValue(result.value);
-      }
-      return result;
-    };
-  }
-  return iter;
+	const arr = shallowReadArray(self);
+	const iter = arr[method]();
+	if (arr !== self && !/* @__PURE__ */ isShallow(self)) {
+		iter._next = iter.next;
+		iter.next = () => {
+			const result = iter._next();
+			if (!result.done) result.value = wrapValue(result.value);
+			return result;
+		};
+	}
+	return iter;
 }
 const arrayProto = Array.prototype;
 function apply(self, method, fn, thisArg, wrappedRetFn, args) {
-  const arr = shallowReadArray(self);
-  const needsWrap = arr !== self && !isShallow(self);
-  const methodFn = arr[method];
-  if (methodFn !== arrayProto[method]) {
-    const result2 = methodFn.apply(self, args);
-    return needsWrap ? toReactive(result2) : result2;
-  }
-  let wrappedFn = fn;
-  if (arr !== self) {
-    if (needsWrap) {
-      wrappedFn = function(item, index) {
-        return fn.call(this, toWrapped(self, item), index, self);
-      };
-    } else if (fn.length > 2) {
-      wrappedFn = function(item, index) {
-        return fn.call(this, item, index, self);
-      };
-    }
-  }
-  const result = methodFn.call(arr, wrappedFn, thisArg);
-  return needsWrap && wrappedRetFn ? wrappedRetFn(result) : result;
+	const arr = shallowReadArray(self);
+	const needsWrap = arr !== self && !/* @__PURE__ */ isShallow(self);
+	const methodFn = arr[method];
+	if (methodFn !== arrayProto[method]) {
+		const result = methodFn.apply(self, args);
+		return needsWrap ? toReactive(result) : result;
+	}
+	let wrappedFn = fn;
+	if (arr !== self) {
+		if (needsWrap) wrappedFn = function(item, index) {
+			return fn.call(this, toWrapped(self, item), index, self);
+		};
+		else if (fn.length > 2) wrappedFn = function(item, index) {
+			return fn.call(this, item, index, self);
+		};
+	}
+	const result = methodFn.call(arr, wrappedFn, thisArg);
+	return needsWrap && wrappedRetFn ? wrappedRetFn(result) : result;
 }
 function reduce(self, method, fn, args) {
-  const arr = shallowReadArray(self);
-  let wrappedFn = fn;
-  if (arr !== self) {
-    if (!isShallow(self)) {
-      wrappedFn = function(acc, item, index) {
-        return fn.call(this, acc, toWrapped(self, item), index, self);
-      };
-    } else if (fn.length > 3) {
-      wrappedFn = function(acc, item, index) {
-        return fn.call(this, acc, item, index, self);
-      };
-    }
-  }
-  return arr[method](wrappedFn, ...args);
+	const arr = shallowReadArray(self);
+	let wrappedFn = fn;
+	if (arr !== self) {
+		if (!/* @__PURE__ */ isShallow(self)) wrappedFn = function(acc, item, index) {
+			return fn.call(this, acc, toWrapped(self, item), index, self);
+		};
+		else if (fn.length > 3) wrappedFn = function(acc, item, index) {
+			return fn.call(this, acc, item, index, self);
+		};
+	}
+	return arr[method](wrappedFn, ...args);
 }
 function searchProxy(self, method, args) {
-  const arr = toRaw(self);
-  track(arr, "iterate", ARRAY_ITERATE_KEY);
-  const res = arr[method](...args);
-  if ((res === -1 || res === false) && isProxy(args[0])) {
-    args[0] = toRaw(args[0]);
-    return arr[method](...args);
-  }
-  return res;
+	const arr = /* @__PURE__ */ toRaw(self);
+	track(arr, "iterate", ARRAY_ITERATE_KEY);
+	const res = arr[method](...args);
+	if ((res === -1 || res === false) && /* @__PURE__ */ isProxy(args[0])) {
+		args[0] = /* @__PURE__ */ toRaw(args[0]);
+		return arr[method](...args);
+	}
+	return res;
 }
 function noTracking(self, method, args = []) {
-  pauseTracking();
-  startBatch();
-  const res = toRaw(self)[method].apply(self, args);
-  endBatch();
-  resetTracking();
-  return res;
+	startBatch();
+	const prevSub = setActiveSub();
+	const res = (/* @__PURE__ */ toRaw(self))[method].apply(self, args);
+	setActiveSub(prevSub);
+	endBatch();
+	return res;
 }
 
+//#endregion
+//#region packages/reactivity/src/baseHandlers.ts
 const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
-const builtInSymbols = new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol)
-);
+const builtInSymbols = new Set(/* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol));
 function hasOwnProperty(key) {
-  if (!isSymbol(key)) key = String(key);
-  const obj = toRaw(this);
-  track(obj, "has", key);
-  return obj.hasOwnProperty(key);
-}
-class BaseReactiveHandler {
-  constructor(_isReadonly = false, _isShallow = false) {
-    this._isReadonly = _isReadonly;
-    this._isShallow = _isShallow;
-  }
-  get(target, key, receiver) {
-    if (key === "__v_skip") return target["__v_skip"];
-    const isReadonly2 = this._isReadonly, isShallow2 = this._isShallow;
-    if (key === "__v_isReactive") {
-      return !isReadonly2;
-    } else if (key === "__v_isReadonly") {
-      return isReadonly2;
-    } else if (key === "__v_isShallow") {
-      return isShallow2;
-    } else if (key === "__v_raw") {
-      if (receiver === (isReadonly2 ? isShallow2 ? shallowReadonlyMap : readonlyMap : isShallow2 ? shallowReactiveMap : reactiveMap).get(target) || // receiver is not the reactive proxy, but has the same prototype
-      // this means the receiver is a user proxy of the reactive proxy
-      Object.getPrototypeOf(target) === Object.getPrototypeOf(receiver)) {
-        return target;
-      }
-      return;
-    }
-    const targetIsArray = isArray$1(target);
-    if (!isReadonly2) {
-      let fn;
-      if (targetIsArray && (fn = arrayInstrumentations[key])) {
-        return fn;
-      }
-      if (key === "hasOwnProperty") {
-        return hasOwnProperty;
-      }
-    }
-    const res = Reflect.get(
-      target,
-      key,
-      // if this is a proxy wrapping a ref, return methods using the raw ref
-      // as receiver so that we don't have to call `toRaw` on the ref in all
-      // its class methods
-      isRef(target) ? target : receiver
-    );
-    if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) {
-      return res;
-    }
-    if (!isReadonly2) {
-      track(target, "get", key);
-    }
-    if (isShallow2) {
-      return res;
-    }
-    if (isRef(res)) {
-      const value = targetIsArray && isIntegerKey(key) ? res : res.value;
-      return isReadonly2 && isObject$1(value) ? readonly(value) : value;
-    }
-    if (isObject$1(res)) {
-      return isReadonly2 ? readonly(res) : reactive(res);
-    }
-    return res;
-  }
-}
-class MutableReactiveHandler extends BaseReactiveHandler {
-  constructor(isShallow2 = false) {
-    super(false, isShallow2);
-  }
-  set(target, key, value, receiver) {
-    let oldValue = target[key];
-    const isArrayWithIntegerKey = isArray$1(target) && isIntegerKey(key);
-    if (!this._isShallow) {
-      const isOldValueReadonly = isReadonly(oldValue);
-      if (!isShallow(value) && !isReadonly(value)) {
-        oldValue = toRaw(oldValue);
-        value = toRaw(value);
-      }
-      if (!isArrayWithIntegerKey && isRef(oldValue) && !isRef(value)) {
-        if (isOldValueReadonly) {
-          {
-            warn(
-              `Set operation on key "${String(key)}" failed: target is readonly.`,
-              target[key]
-            );
-          }
-          return true;
-        } else {
-          oldValue.value = value;
-          return true;
-        }
-      }
-    }
-    const hadKey = isArrayWithIntegerKey ? Number(key) < target.length : hasOwn(target, key);
-    const result = Reflect.set(
-      target,
-      key,
-      value,
-      isRef(target) ? target : receiver
-    );
-    if (target === toRaw(receiver)) {
-      if (!hadKey) {
-        trigger(target, "add", key, value);
-      } else if (hasChanged(value, oldValue)) {
-        trigger(target, "set", key, value, oldValue);
-      }
-    }
-    return result;
-  }
-  deleteProperty(target, key) {
-    const hadKey = hasOwn(target, key);
-    const oldValue = target[key];
-    const result = Reflect.deleteProperty(target, key);
-    if (result && hadKey) {
-      trigger(target, "delete", key, void 0, oldValue);
-    }
-    return result;
-  }
-  has(target, key) {
-    const result = Reflect.has(target, key);
-    if (!isSymbol(key) || !builtInSymbols.has(key)) {
-      track(target, "has", key);
-    }
-    return result;
-  }
-  ownKeys(target) {
-    track(
-      target,
-      "iterate",
-      isArray$1(target) ? "length" : ITERATE_KEY
-    );
-    return Reflect.ownKeys(target);
-  }
-}
-class ReadonlyReactiveHandler extends BaseReactiveHandler {
-  constructor(isShallow2 = false) {
-    super(true, isShallow2);
-  }
-  set(target, key) {
-    {
-      warn(
-        `Set operation on key "${String(key)}" failed: target is readonly.`,
-        target
-      );
-    }
-    return true;
-  }
-  deleteProperty(target, key) {
-    {
-      warn(
-        `Delete operation on key "${String(key)}" failed: target is readonly.`,
-        target
-      );
-    }
-    return true;
-  }
-}
+	if (!isSymbol(key)) key = String(key);
+	const obj = /* @__PURE__ */ toRaw(this);
+	track(obj, "has", key);
+	return obj.hasOwnProperty(key);
+}
+var BaseReactiveHandler = class {
+	constructor(_isReadonly = false, _isShallow = false) {
+		this._isReadonly = _isReadonly;
+		this._isShallow = _isShallow;
+	}
+	get(target, key, receiver) {
+		if (key === "__v_skip") return target["__v_skip"];
+		const isReadonly = this._isReadonly, isShallow = this._isShallow;
+		if (key === "__v_isReactive") return !isReadonly;
+		else if (key === "__v_isReadonly") return isReadonly;
+		else if (key === "__v_isShallow") return isShallow;
+		else if (key === "__v_raw") {
+			if (receiver === (isReadonly ? isShallow ? shallowReadonlyMap : readonlyMap : isShallow ? shallowReactiveMap : reactiveMap).get(target) || Object.getPrototypeOf(target) === Object.getPrototypeOf(receiver)) return target;
+			return;
+		}
+		const targetIsArray = isArray$1(target);
+		if (!isReadonly) {
+			let fn;
+			if (targetIsArray && (fn = arrayInstrumentations[key])) return fn;
+			if (key === "hasOwnProperty") return hasOwnProperty;
+		}
+		const wasRef = /* @__PURE__ */ isRef(target);
+		const res = Reflect.get(target, key, wasRef ? target : receiver);
+		if (wasRef && key !== "value") return res;
+		if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) return res;
+		if (!isReadonly) track(target, "get", key);
+		if (isShallow) return res;
+		if (/* @__PURE__ */ isRef(res)) {
+			const value = targetIsArray && isIntegerKey(key) ? res : res.value;
+			return isReadonly && isObject$1(value) ? /* @__PURE__ */ readonly(value) : value;
+		}
+		if (isObject$1(res)) return isReadonly ? /* @__PURE__ */ readonly(res) : /* @__PURE__ */ reactive(res);
+		return res;
+	}
+};
+var MutableReactiveHandler = class extends BaseReactiveHandler {
+	constructor(isShallow = false) {
+		super(false, isShallow);
+	}
+	set(target, key, value, receiver) {
+		let oldValue = target[key];
+		const isArrayWithIntegerKey = isArray$1(target) && isIntegerKey(key);
+		if (!this._isShallow) {
+			const isOldValueReadonly = /* @__PURE__ */ isReadonly(oldValue);
+			if (!/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value)) {
+				oldValue = /* @__PURE__ */ toRaw(oldValue);
+				value = /* @__PURE__ */ toRaw(value);
+			}
+			if (!isArrayWithIntegerKey && /* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) if (isOldValueReadonly) {
+				warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target[key]);
+				return true;
+			} else {
+				oldValue.value = value;
+				return true;
+			}
+		}
+		const hadKey = isArrayWithIntegerKey ? Number(key) < target.length : hasOwn(target, key);
+		const result = Reflect.set(target, key, value, /* @__PURE__ */ isRef(target) ? target : receiver);
+		if (target === /* @__PURE__ */ toRaw(receiver)) {
+			if (!hadKey) trigger(target, "add", key, value);
+			else if (hasChanged(value, oldValue)) trigger(target, "set", key, value, oldValue);
+		}
+		return result;
+	}
+	deleteProperty(target, key) {
+		const hadKey = hasOwn(target, key);
+		const oldValue = target[key];
+		const result = Reflect.deleteProperty(target, key);
+		if (result && hadKey) trigger(target, "delete", key, void 0, oldValue);
+		return result;
+	}
+	has(target, key) {
+		const result = Reflect.has(target, key);
+		if (!isSymbol(key) || !builtInSymbols.has(key)) track(target, "has", key);
+		return result;
+	}
+	ownKeys(target) {
+		track(target, "iterate", isArray$1(target) ? "length" : ITERATE_KEY);
+		return Reflect.ownKeys(target);
+	}
+};
+var ReadonlyReactiveHandler = class extends BaseReactiveHandler {
+	constructor(isShallow = false) {
+		super(true, isShallow);
+	}
+	set(target, key) {
+		warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target);
+		return true;
+	}
+	deleteProperty(target, key) {
+		warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target);
+		return true;
+	}
+};
 const mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler();
 const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
 const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true);
 const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
 
+//#endregion
+//#region packages/reactivity/src/collectionHandlers.ts
 const toShallow = (value) => value;
 const getProto = (v) => Reflect.getPrototypeOf(v);
-function createIterableMethod(method, isReadonly2, isShallow2) {
-  return function(...args) {
-    const target = this["__v_raw"];
-    const rawTarget = toRaw(target);
-    const targetIsMap = isMap(rawTarget);
-    const isPair = method === "entries" || method === Symbol.iterator && targetIsMap;
-    const isKeyOnly = method === "keys" && targetIsMap;
-    const innerIterator = target[method](...args);
-    const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
-    !isReadonly2 && track(
-      rawTarget,
-      "iterate",
-      isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY
-    );
-    return extend$1(
-      // inheriting all iterator properties
-      Object.create(innerIterator),
-      {
-        // iterator protocol
-        next() {
-          const { value, done } = innerIterator.next();
-          return done ? { value, done } : {
-            value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
-            done
-          };
-        }
-      }
-    );
-  };
+function createIterableMethod(method, isReadonly, isShallow) {
+	return function(...args) {
+		const target = this["__v_raw"];
+		const rawTarget = /* @__PURE__ */ toRaw(target);
+		const targetIsMap = isMap(rawTarget);
+		const isPair = method === "entries" || method === Symbol.iterator && targetIsMap;
+		const isKeyOnly = method === "keys" && targetIsMap;
+		const innerIterator = target[method](...args);
+		const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
+		!isReadonly && track(rawTarget, "iterate", isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY);
+		return extend$1(Object.create(innerIterator), { next() {
+			const { value, done } = innerIterator.next();
+			return done ? {
+				value,
+				done
+			} : {
+				value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
+				done
+			};
+		} });
+	};
 }
 function createReadonlyMethod(type) {
-  return function(...args) {
-    {
-      const key = args[0] ? `on key "${args[0]}" ` : ``;
-      warn(
-        `${capitalize(type)} operation ${key}failed: target is readonly.`,
-        toRaw(this)
-      );
-    }
-    return type === "delete" ? false : type === "clear" ? void 0 : this;
-  };
+	return function(...args) {
+		{
+			const key = args[0] ? `on key "${args[0]}" ` : ``;
+			warn(`${capitalize(type)} operation ${key}failed: target is readonly.`, /* @__PURE__ */ toRaw(this));
+		}
+		return type === "delete" ? false : type === "clear" ? void 0 : this;
+	};
 }
 function createInstrumentations(readonly, shallow) {
-  const instrumentations = {
-    get(key) {
-      const target = this["__v_raw"];
-      const rawTarget = toRaw(target);
-      const rawKey = toRaw(key);
-      if (!readonly) {
-        if (hasChanged(key, rawKey)) {
-          track(rawTarget, "get", key);
-        }
-        track(rawTarget, "get", rawKey);
-      }
-      const { has } = getProto(rawTarget);
-      const wrap = shallow ? toShallow : readonly ? toReadonly : toReactive;
-      if (has.call(rawTarget, key)) {
-        return wrap(target.get(key));
-      } else if (has.call(rawTarget, rawKey)) {
-        return wrap(target.get(rawKey));
-      } else if (target !== rawTarget) {
-        target.get(key);
-      }
-    },
-    get size() {
-      const target = this["__v_raw"];
-      !readonly && track(toRaw(target), "iterate", ITERATE_KEY);
-      return target.size;
-    },
-    has(key) {
-      const target = this["__v_raw"];
-      const rawTarget = toRaw(target);
-      const rawKey = toRaw(key);
-      if (!readonly) {
-        if (hasChanged(key, rawKey)) {
-          track(rawTarget, "has", key);
-        }
-        track(rawTarget, "has", rawKey);
-      }
-      return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey);
-    },
-    forEach(callback, thisArg) {
-      const observed = this;
-      const target = observed["__v_raw"];
-      const rawTarget = toRaw(target);
-      const wrap = shallow ? toShallow : readonly ? toReadonly : toReactive;
-      !readonly && track(rawTarget, "iterate", ITERATE_KEY);
-      return target.forEach((value, key) => {
-        return callback.call(thisArg, wrap(value), wrap(key), observed);
-      });
-    }
-  };
-  extend$1(
-    instrumentations,
-    readonly ? {
-      add: createReadonlyMethod("add"),
-      set: createReadonlyMethod("set"),
-      delete: createReadonlyMethod("delete"),
-      clear: createReadonlyMethod("clear")
-    } : {
-      add(value) {
-        if (!shallow && !isShallow(value) && !isReadonly(value)) {
-          value = toRaw(value);
-        }
-        const target = toRaw(this);
-        const proto = getProto(target);
-        const hadKey = proto.has.call(target, value);
-        if (!hadKey) {
-          target.add(value);
-          trigger(target, "add", value, value);
-        }
-        return this;
-      },
-      set(key, value) {
-        if (!shallow && !isShallow(value) && !isReadonly(value)) {
-          value = toRaw(value);
-        }
-        const target = toRaw(this);
-        const { has, get } = getProto(target);
-        let hadKey = has.call(target, key);
-        if (!hadKey) {
-          key = toRaw(key);
-          hadKey = has.call(target, key);
-        } else {
-          checkIdentityKeys(target, has, key);
-        }
-        const oldValue = get.call(target, key);
-        target.set(key, value);
-        if (!hadKey) {
-          trigger(target, "add", key, value);
-        } else if (hasChanged(value, oldValue)) {
-          trigger(target, "set", key, value, oldValue);
-        }
-        return this;
-      },
-      delete(key) {
-        const target = toRaw(this);
-        const { has, get } = getProto(target);
-        let hadKey = has.call(target, key);
-        if (!hadKey) {
-          key = toRaw(key);
-          hadKey = has.call(target, key);
-        } else {
-          checkIdentityKeys(target, has, key);
-        }
-        const oldValue = get ? get.call(target, key) : void 0;
-        const result = target.delete(key);
-        if (hadKey) {
-          trigger(target, "delete", key, void 0, oldValue);
-        }
-        return result;
-      },
-      clear() {
-        const target = toRaw(this);
-        const hadItems = target.size !== 0;
-        const oldTarget = isMap(target) ? new Map(target) : new Set(target) ;
-        const result = target.clear();
-        if (hadItems) {
-          trigger(
-            target,
-            "clear",
-            void 0,
-            void 0,
-            oldTarget
-          );
-        }
-        return result;
-      }
-    }
-  );
-  const iteratorMethods = [
-    "keys",
-    "values",
-    "entries",
-    Symbol.iterator
-  ];
-  iteratorMethods.forEach((method) => {
-    instrumentations[method] = createIterableMethod(method, readonly, shallow);
-  });
-  return instrumentations;
-}
-function createInstrumentationGetter(isReadonly2, shallow) {
-  const instrumentations = createInstrumentations(isReadonly2, shallow);
-  return (target, key, receiver) => {
-    if (key === "__v_isReactive") {
-      return !isReadonly2;
-    } else if (key === "__v_isReadonly") {
-      return isReadonly2;
-    } else if (key === "__v_raw") {
-      return target;
-    }
-    return Reflect.get(
-      hasOwn(instrumentations, key) && key in target ? instrumentations : target,
-      key,
-      receiver
-    );
-  };
-}
-const mutableCollectionHandlers = {
-  get: /* @__PURE__ */ createInstrumentationGetter(false, false)
-};
-const shallowCollectionHandlers = {
-  get: /* @__PURE__ */ createInstrumentationGetter(false, true)
-};
-const readonlyCollectionHandlers = {
-  get: /* @__PURE__ */ createInstrumentationGetter(true, false)
-};
-const shallowReadonlyCollectionHandlers = {
-  get: /* @__PURE__ */ createInstrumentationGetter(true, true)
-};
+	const instrumentations = {
+		get(key) {
+			const target = this["__v_raw"];
+			const rawTarget = /* @__PURE__ */ toRaw(target);
+			const rawKey = /* @__PURE__ */ toRaw(key);
+			if (!readonly) {
+				if (hasChanged(key, rawKey)) track(rawTarget, "get", key);
+				track(rawTarget, "get", rawKey);
+			}
+			const { has } = getProto(rawTarget);
+			const wrap = shallow ? toShallow : readonly ? toReadonly : toReactive;
+			if (has.call(rawTarget, key)) return wrap(target.get(key));
+			else if (has.call(rawTarget, rawKey)) return wrap(target.get(rawKey));
+			else if (target !== rawTarget) target.get(key);
+		},
+		get size() {
+			const target = this["__v_raw"];
+			!readonly && track(/* @__PURE__ */ toRaw(target), "iterate", ITERATE_KEY);
+			return target.size;
+		},
+		has(key) {
+			const target = this["__v_raw"];
+			const rawTarget = /* @__PURE__ */ toRaw(target);
+			const rawKey = /* @__PURE__ */ toRaw(key);
+			if (!readonly) {
+				if (hasChanged(key, rawKey)) track(rawTarget, "has", key);
+				track(rawTarget, "has", rawKey);
+			}
+			return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey);
+		},
+		forEach(callback, thisArg) {
+			const observed = this;
+			const target = observed["__v_raw"];
+			const rawTarget = /* @__PURE__ */ toRaw(target);
+			const wrap = shallow ? toShallow : readonly ? toReadonly : toReactive;
+			!readonly && track(rawTarget, "iterate", ITERATE_KEY);
+			return target.forEach((value, key) => {
+				return callback.call(thisArg, wrap(value), wrap(key), observed);
+			});
+		}
+	};
+	extend$1(instrumentations, readonly ? {
+		add: createReadonlyMethod("add"),
+		set: createReadonlyMethod("set"),
+		delete: createReadonlyMethod("delete"),
+		clear: createReadonlyMethod("clear")
+	} : {
+		add(value) {
+			if (!shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value)) value = /* @__PURE__ */ toRaw(value);
+			const target = /* @__PURE__ */ toRaw(this);
+			if (!getProto(target).has.call(target, value)) {
+				target.add(value);
+				trigger(target, "add", value, value);
+			}
+			return this;
+		},
+		set(key, value) {
+			if (!shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value)) value = /* @__PURE__ */ toRaw(value);
+			const target = /* @__PURE__ */ toRaw(this);
+			const { has, get } = getProto(target);
+			let hadKey = has.call(target, key);
+			if (!hadKey) {
+				key = /* @__PURE__ */ toRaw(key);
+				hadKey = has.call(target, key);
+			} else checkIdentityKeys(target, has, key);
+			const oldValue = get.call(target, key);
+			target.set(key, value);
+			if (!hadKey) trigger(target, "add", key, value);
+			else if (hasChanged(value, oldValue)) trigger(target, "set", key, value, oldValue);
+			return this;
+		},
+		delete(key) {
+			const target = /* @__PURE__ */ toRaw(this);
+			const { has, get } = getProto(target);
+			let hadKey = has.call(target, key);
+			if (!hadKey) {
+				key = /* @__PURE__ */ toRaw(key);
+				hadKey = has.call(target, key);
+			} else checkIdentityKeys(target, has, key);
+			const oldValue = get ? get.call(target, key) : void 0;
+			const result = target.delete(key);
+			if (hadKey) trigger(target, "delete", key, void 0, oldValue);
+			return result;
+		},
+		clear() {
+			const target = /* @__PURE__ */ toRaw(this);
+			const hadItems = target.size !== 0;
+			const oldTarget = isMap(target) ? new Map(target) : new Set(target) ;
+			const result = target.clear();
+			if (hadItems) trigger(target, "clear", void 0, void 0, oldTarget);
+			return result;
+		}
+	});
+	[
+		"keys",
+		"values",
+		"entries",
+		Symbol.iterator
+	].forEach((method) => {
+		instrumentations[method] = createIterableMethod(method, readonly, shallow);
+	});
+	return instrumentations;
+}
+function createInstrumentationGetter(isReadonly, shallow) {
+	const instrumentations = createInstrumentations(isReadonly, shallow);
+	return (target, key, receiver) => {
+		if (key === "__v_isReactive") return !isReadonly;
+		else if (key === "__v_isReadonly") return isReadonly;
+		else if (key === "__v_raw") return target;
+		return Reflect.get(hasOwn(instrumentations, key) && key in target ? instrumentations : target, key, receiver);
+	};
+}
+const mutableCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(false, false) };
+const shallowCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(false, true) };
+const readonlyCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(true, false) };
+const shallowReadonlyCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(true, true) };
 function checkIdentityKeys(target, has, key) {
-  const rawKey = toRaw(key);
-  if (rawKey !== key && has.call(target, rawKey)) {
-    const type = toRawType(target);
-    warn(
-      `Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`
-    );
-  }
+	const rawKey = /* @__PURE__ */ toRaw(key);
+	if (rawKey !== key && has.call(target, rawKey)) {
+		const type = toRawType(target);
+		warn(`Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`);
+	}
 }
 
+//#endregion
+//#region packages/reactivity/src/reactive.ts
 const reactiveMap = /* @__PURE__ */ new WeakMap();
 const shallowReactiveMap = /* @__PURE__ */ new WeakMap();
 const readonlyMap = /* @__PURE__ */ new WeakMap();
 const shallowReadonlyMap = /* @__PURE__ */ new WeakMap();
 function targetTypeMap(rawType) {
-  switch (rawType) {
-    case "Object":
-    case "Array":
-      return 1 /* COMMON */;
-    case "Map":
-    case "Set":
-    case "WeakMap":
-    case "WeakSet":
-      return 2 /* COLLECTION */;
-    default:
-      return 0 /* INVALID */;
-  }
+	switch (rawType) {
+		case "Object":
+		case "Array": return 1;
+		case "Map":
+		case "Set":
+		case "WeakMap":
+		case "WeakSet": return 2;
+		default: return 0;
+	}
 }
 function getTargetType(value) {
-  return value["__v_skip"] || !Object.isExtensible(value) ? 0 /* INVALID */ : targetTypeMap(toRawType(value));
+	return value["__v_skip"] || !Object.isExtensible(value) ? 0 : targetTypeMap(toRawType(value));
 }
-// @__NO_SIDE_EFFECTS__
+/* @__NO_SIDE_EFFECTS__ */
 function reactive(target) {
-  if (/* @__PURE__ */ isReadonly(target)) {
-    return target;
-  }
-  return createReactiveObject(
-    target,
-    false,
-    mutableHandlers,
-    mutableCollectionHandlers,
-    reactiveMap
-  );
-}
-// @__NO_SIDE_EFFECTS__
+	if (/* @__PURE__ */ isReadonly(target)) return target;
+	return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap);
+}
+/**
+* Shallow version of {@link reactive}.
+*
+* Unlike {@link reactive}, there is no deep conversion: only root-level
+* properties are reactive for a shallow reactive object. Property values are
+* stored and exposed as-is - this also means properties with ref values will
+* not be automatically unwrapped.
+*
+* @example
+* ```js
+* const state = shallowReactive({
+*   foo: 1,
+*   nested: {
+*     bar: 2
+*   }
+* })
+*
+* // mutating state's own properties is reactive
+* state.foo++
+*
+* // ...but does not convert nested objects
+* isReactive(state.nested) // false
+*
+* // NOT reactive
+* state.nested.bar++
+* ```
+*
+* @param target - The source object.
+* @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowreactive}
+*/
+/* @__NO_SIDE_EFFECTS__ */
 function shallowReactive(target) {
-  return createReactiveObject(
-    target,
-    false,
-    shallowReactiveHandlers,
-    shallowCollectionHandlers,
-    shallowReactiveMap
-  );
-}
-// @__NO_SIDE_EFFECTS__
+	return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap);
+}
+/**
+* Takes an object (reactive or plain) or a ref and returns a readonly proxy to
+* the original.
+*
+* A readonly proxy is deep: any nested property accessed will be readonly as
+* well. It also has the same ref-unwrapping behavior as {@link reactive},
+* except the unwrapped values will also be made readonly.
+*
+* @example
+* ```js
+* const original = reactive({ count: 0 })
+*
+* const copy = readonly(original)
+*
+* watchEffect(() => {
+*   // works for reactivity tracking
+*   console.log(copy.count)
+* })
+*
+* // mutating original will trigger watchers relying on the copy
+* original.count++
+*
+* // mutating the copy will fail and result in a warning
+* copy.count++ // warning!
+* ```
+*
+* @param target - The source object.
+* @see {@link https://vuejs.org/api/reactivity-core.html#readonly}
+*/
+/* @__NO_SIDE_EFFECTS__ */
 function readonly(target) {
-  return createReactiveObject(
-    target,
-    true,
-    readonlyHandlers,
-    readonlyCollectionHandlers,
-    readonlyMap
-  );
-}
-// @__NO_SIDE_EFFECTS__
+	return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap);
+}
+/**
+* Shallow version of {@link readonly}.
+*
+* Unlike {@link readonly}, there is no deep conversion: only root-level
+* properties are made readonly. Property values are stored and exposed as-is -
+* this also means properties with ref values will not be automatically
+* unwrapped.
+*
+* @example
+* ```js
+* const state = shallowReadonly({
+*   foo: 1,
+*   nested: {
+*     bar: 2
+*   }
+* })
+*
+* // mutating state's own properties will fail
+* state.foo++
+*
+* // ...but works on nested objects
+* isReadonly(state.nested) // false
+*
+* // works
+* state.nested.bar++
+* ```
+*
+* @param target - The source object.
+* @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowreadonly}
+*/
+/* @__NO_SIDE_EFFECTS__ */
 function shallowReadonly(target) {
-  return createReactiveObject(
-    target,
-    true,
-    shallowReadonlyHandlers,
-    shallowReadonlyCollectionHandlers,
-    shallowReadonlyMap
-  );
-}
-function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) {
-  if (!isObject$1(target)) {
-    {
-      warn(
-        `value cannot be made ${isReadonly2 ? "readonly" : "reactive"}: ${String(
-          target
-        )}`
-      );
-    }
-    return target;
-  }
-  if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) {
-    return target;
-  }
-  const targetType = getTargetType(target);
-  if (targetType === 0 /* INVALID */) {
-    return target;
-  }
-  const existingProxy = proxyMap.get(target);
-  if (existingProxy) {
-    return existingProxy;
-  }
-  const proxy = new Proxy(
-    target,
-    targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers
-  );
-  proxyMap.set(target, proxy);
-  return proxy;
-}
-// @__NO_SIDE_EFFECTS__
+	return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap);
+}
+function createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers, proxyMap) {
+	if (!isObject$1(target)) {
+		warn(`value cannot be made ${isReadonly ? "readonly" : "reactive"}: ${String(target)}`);
+		return target;
+	}
+	if (target["__v_raw"] && !(isReadonly && target["__v_isReactive"])) return target;
+	const targetType = getTargetType(target);
+	if (targetType === 0) return target;
+	const existingProxy = proxyMap.get(target);
+	if (existingProxy) return existingProxy;
+	const proxy = new Proxy(target, targetType === 2 ? collectionHandlers : baseHandlers);
+	proxyMap.set(target, proxy);
+	return proxy;
+}
+/**
+* Checks if an object is a proxy created by {@link reactive} or
+* {@link shallowReactive} (or {@link ref} in some cases).
+*
+* @example
+* ```js
+* isReactive(reactive({}))            // => true
+* isReactive(readonly(reactive({})))  // => true
+* isReactive(ref({}).value)           // => true
+* isReactive(readonly(ref({})).value) // => true
+* isReactive(ref(true))               // => false
+* isReactive(shallowRef({}).value)    // => false
+* isReactive(shallowReactive({}))     // => true
+* ```
+*
+* @param value - The value to check.
+* @see {@link https://vuejs.org/api/reactivity-utilities.html#isreactive}
+*/
+/* @__NO_SIDE_EFFECTS__ */
 function isReactive(value) {
-  if (/* @__PURE__ */ isReadonly(value)) {
-    return /* @__PURE__ */ isReactive(value["__v_raw"]);
-  }
-  return !!(value && value["__v_isReactive"]);
+	if (/* @__PURE__ */ isReadonly(value)) return /* @__PURE__ */ isReactive(value["__v_raw"]);
+	return !!(value && value["__v_isReactive"]);
 }
-// @__NO_SIDE_EFFECTS__
+/**
+* Checks whether the passed value is a readonly object. The properties of a
+* readonly object can change, but they can't be assigned directly via the
+* passed object.
+*
+* The proxies created by {@link readonly} and {@link shallowReadonly} are
+* both considered readonly, as is a computed ref without a set function.
+*
+* @param value - The value to check.
+* @see {@link https://vuejs.org/api/reactivity-utilities.html#isreadonly}
+*/
+/* @__NO_SIDE_EFFECTS__ */
 function isReadonly(value) {
-  return !!(value && value["__v_isReadonly"]);
+	return !!(value && value["__v_isReadonly"]);
 }
-// @__NO_SIDE_EFFECTS__
+/* @__NO_SIDE_EFFECTS__ */
 function isShallow(value) {
-  return !!(value && value["__v_isShallow"]);
+	return !!(value && value["__v_isShallow"]);
 }
-// @__NO_SIDE_EFFECTS__
+/**
+* Checks if an object is a proxy created by {@link reactive},
+* {@link readonly}, {@link shallowReactive} or {@link shallowReadonly}.
+*
+* @param value - The value to check.
+* @see {@link https://vuejs.org/api/reactivity-utilities.html#isproxy}
+*/
+/* @__NO_SIDE_EFFECTS__ */
 function isProxy(value) {
-  return value ? !!value["__v_raw"] : false;
+	return value ? !!value["__v_raw"] : false;
 }
-// @__NO_SIDE_EFFECTS__
+/**
+* Returns the raw, original object of a Vue-created proxy.
+*
+* `toRaw()` can return the original object from proxies created by
+* {@link reactive}, {@link readonly}, {@link shallowReactive} or
+* {@link shallowReadonly}.
+*
+* This is an escape hatch that can be used to temporarily read without
+* incurring proxy access / tracking overhead or write without triggering
+* changes. It is **not** recommended to hold a persistent reference to the
+* original object. Use with caution.
+*
+* @example
+* ```js
+* const foo = {}
+* const reactiveFoo = reactive(foo)
+*
+* console.log(toRaw(reactiveFoo) === foo) // true
+* ```
+*
+* @param observed - The object for which the "raw" value is requested.
+* @see {@link https://vuejs.org/api/reactivity-advanced.html#toraw}
+*/
+/* @__NO_SIDE_EFFECTS__ */
 function toRaw(observed) {
-  const raw = observed && observed["__v_raw"];
-  return raw ? /* @__PURE__ */ toRaw(raw) : observed;
+	const raw = observed && observed["__v_raw"];
+	return raw ? /* @__PURE__ */ toRaw(raw) : observed;
 }
+/**
+* Marks an object so that it will never be converted to a proxy. Returns the
+* object itself.
+*
+* @example
+* ```js
+* const foo = markRaw({})
+* console.log(isReactive(reactive(foo))) // false
+*
+* // also works when nested inside other reactive objects
+* const bar = reactive({ foo })
+* console.log(isReactive(bar.foo)) // false
+* ```
+*
+* **Warning:** `markRaw()` together with the shallow APIs such as
+* {@link shallowReactive} allow you to selectively opt-out of the default
+* deep reactive/readonly conversion and embed raw, non-proxied objects in your
+* state graph.
+*
+* @param value - The object to be marked as "raw".
+* @see {@link https://vuejs.org/api/reactivity-advanced.html#markraw}
+*/
 function markRaw(value) {
-  if (!hasOwn(value, "__v_skip") && Object.isExtensible(value)) {
-    def(value, "__v_skip", true);
-  }
-  return value;
+	if (!hasOwn(value, "__v_skip") && Object.isExtensible(value)) def(value, "__v_skip", true);
+	return value;
 }
+/**
+* Returns a reactive proxy of the given value (if possible).
+*
+* If the given value is not an object, the original value itself is returned.
+*
+* @param value - The value for which a reactive proxy shall be created.
+*/
 const toReactive = (value) => isObject$1(value) ? /* @__PURE__ */ reactive(value) : value;
+/**
+* Returns a readonly proxy of the given value (if possible).
+*
+* If the given value is not an object, the original value itself is returned.
+*
+* @param value - The value for which a readonly proxy shall be created.
+*/
 const toReadonly = (value) => isObject$1(value) ? /* @__PURE__ */ readonly(value) : value;
 
-// @__NO_SIDE_EFFECTS__
+//#endregion
+//#region packages/reactivity/src/ref.ts
+/* @__NO_SIDE_EFFECTS__ */
 function isRef(r) {
-  return r ? r["__v_isRef"] === true : false;
+	return r ? r["__v_isRef"] === true : false;
 }
-// @__NO_SIDE_EFFECTS__
+/* @__NO_SIDE_EFFECTS__ */
 function ref(value) {
-  return createRef(value, false);
+	return createRef(value, toReactive);
 }
-// @__NO_SIDE_EFFECTS__
+/* @__NO_SIDE_EFFECTS__ */
 function shallowRef(value) {
-  return createRef(value, true);
-}
-function createRef(rawValue, shallow) {
-  if (/* @__PURE__ */ isRef(rawValue)) {
-    return rawValue;
-  }
-  return new RefImpl(rawValue, shallow);
-}
-class RefImpl {
-  constructor(value, isShallow2) {
-    this.dep = new Dep();
-    this["__v_isRef"] = true;
-    this["__v_isShallow"] = false;
-    this._rawValue = isShallow2 ? value : toRaw(value);
-    this._value = isShallow2 ? value : toReactive(value);
-    this["__v_isShallow"] = isShallow2;
-  }
-  get value() {
-    {
-      this.dep.track({
-        target: this,
-        type: "get",
-        key: "value"
-      });
-    }
-    return this._value;
-  }
-  set value(newValue) {
-    const oldValue = this._rawValue;
-    const useDirectValue = this["__v_isShallow"] || isShallow(newValue) || isReadonly(newValue);
-    newValue = useDirectValue ? newValue : toRaw(newValue);
-    if (hasChanged(newValue, oldValue)) {
-      this._rawValue = newValue;
-      this._value = useDirectValue ? newValue : toReactive(newValue);
-      {
-        this.dep.trigger({
-          target: this,
-          type: "set",
-          key: "value",
-          newValue,
-          oldValue
-        });
-      }
-    }
-  }
+	return createRef(value);
 }
-function triggerRef(ref2) {
-  if (ref2.dep) {
-    {
-      ref2.dep.trigger({
-        target: ref2,
-        type: "set",
-        key: "value",
-        newValue: ref2._value
-      });
-    }
-  }
+function createRef(rawValue, wrap) {
+	if (/* @__PURE__ */ isRef(rawValue)) return rawValue;
+	return new RefImpl(rawValue, wrap);
 }
-function unref(ref2) {
-  return /* @__PURE__ */ isRef(ref2) ? ref2.value : ref2;
+/**
+* @internal
+*/
+var RefImpl = class {
+	constructor(value, wrap) {
+		this.subs = void 0;
+		this.subsTail = void 0;
+		this.flags = ReactiveFlags$1.Mutable;
+		this.__v_isRef = true;
+		this.__v_isShallow = false;
+		this._oldValue = this._rawValue = wrap ? /* @__PURE__ */ toRaw(value) : value;
+		this._value = wrap ? wrap(value) : value;
+		this._wrap = wrap;
+		this["__v_isShallow"] = !wrap;
+	}
+	get dep() {
+		return this;
+	}
+	get value() {
+		trackRef(this);
+		if (this.flags & ReactiveFlags$1.Dirty && this.update()) {
+			const subs = this.subs;
+			if (subs !== void 0) shallowPropagate(subs);
+		}
+		return this._value;
+	}
+	set value(newValue) {
+		const oldValue = this._rawValue;
+		const useDirectValue = this["__v_isShallow"] || /* @__PURE__ */ isShallow(newValue) || /* @__PURE__ */ isReadonly(newValue);
+		newValue = useDirectValue ? newValue : /* @__PURE__ */ toRaw(newValue);
+		if (hasChanged(newValue, oldValue)) {
+			this.flags |= ReactiveFlags$1.Dirty;
+			this._rawValue = newValue;
+			this._value = !useDirectValue && this._wrap ? this._wrap(newValue) : newValue;
+			const subs = this.subs;
+			if (subs !== void 0) {
+				triggerEventInfos.push({
+					target: this,
+					type: "set",
+					key: "value",
+					newValue,
+					oldValue
+				});
+				propagate(subs);
+				if (!batchDepth) flush();
+				triggerEventInfos.pop();
+			}
+		}
+	}
+	update() {
+		this.flags &= -17;
+		return hasChanged(this._oldValue, this._oldValue = this._rawValue);
+	}
+};
+/**
+* Force trigger effects that depends on a shallow ref. This is typically used
+* after making deep mutations to the inner value of a shallow ref.
+*
+* @example
+* ```js
+* const shallow = shallowRef({
+*   greet: 'Hello, world'
+* })
+*
+* // Logs "Hello, world" once for the first run-through
+* watchEffect(() => {
+*   console.log(shallow.value.greet)
+* })
+*
+* // This won't trigger the effect because the ref is shallow
+* shallow.value.greet = 'Hello, universe'
+*
+* // Logs "Hello, universe"
+* triggerRef(shallow)
+* ```
+*
+* @param ref - The ref whose tied effects shall be executed.
+* @see {@link https://vuejs.org/api/reactivity-advanced.html#triggerref}
+*/
+function triggerRef(ref) {
+	const dep = ref.dep;
+	if (dep !== void 0 && dep.subs !== void 0) {
+		propagate(dep.subs);
+		shallowPropagate(dep.subs);
+		if (!batchDepth) flush();
+	}
+}
+function trackRef(dep) {
+	if (activeSub !== void 0) {
+		onTrack(activeSub, {
+			target: dep,
+			type: "get",
+			key: "value"
+		});
+		link(dep, activeSub);
+	}
+}
+/**
+* Returns the inner value if the argument is a ref, otherwise return the
+* argument itself. This is a sugar function for
+* `val = isRef(val) ? val.value : val`.
+*
+* @example
+* ```js
+* function useFoo(x: number | Ref<number>) {
+*   const unwrapped = unref(x)
+*   // unwrapped is guaranteed to be number now
+* }
+* ```
+*
+* @param ref - Ref or plain value to be converted into the plain value.
+* @see {@link https://vuejs.org/api/reactivity-utilities.html#unref}
+*/
+function unref(ref) {
+	return /* @__PURE__ */ isRef(ref) ? ref.value : ref;
 }
+/**
+* Normalizes values / refs / getters to values.
+* This is similar to {@link unref}, except that it also normalizes getters.
+* If the argument is a getter, it will be invoked and its return value will
+* be returned.
+*
+* @example
+* ```js
+* toValue(1) // 1
+* toValue(ref(1)) // 1
+* toValue(() => 1) // 1
+* ```
+*
+* @param source - A getter, an existing ref, or a non-function value.
+* @see {@link https://vuejs.org/api/reactivity-utilities.html#tovalue}
+*/
 function toValue(source) {
-  return isFunction$1(source) ? source() : unref(source);
+	return isFunction$1(source) ? source() : unref(source);
 }
 const shallowUnwrapHandlers = {
-  get: (target, key, receiver) => key === "__v_raw" ? target : unref(Reflect.get(target, key, receiver)),
-  set: (target, key, value, receiver) => {
-    const oldValue = target[key];
-    if (/* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) {
-      oldValue.value = value;
-      return true;
-    } else {
-      return Reflect.set(target, key, value, receiver);
-    }
-  }
+	get: (target, key, receiver) => key === "__v_raw" ? target : unref(Reflect.get(target, key, receiver)),
+	set: (target, key, value, receiver) => {
+		const oldValue = target[key];
+		if (/* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) {
+			oldValue.value = value;
+			return true;
+		} else return Reflect.set(target, key, value, receiver);
+	}
 };
+/**
+* Returns a proxy for the given object that shallowly unwraps properties that
+* are refs. If the object already is reactive, it's returned as-is. If not, a
+* new reactive proxy is created.
+*
+* @param objectWithRefs - Either an already-reactive object or a simple object
+* that contains refs.
+*/
 function proxyRefs(objectWithRefs) {
-  return isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers);
-}
-class CustomRefImpl {
-  constructor(factory) {
-    this["__v_isRef"] = true;
-    this._value = void 0;
-    const dep = this.dep = new Dep();
-    const { get, set } = factory(dep.track.bind(dep), dep.trigger.bind(dep));
-    this._get = get;
-    this._set = set;
-  }
-  get value() {
-    return this._value = this._get();
-  }
-  set value(newVal) {
-    this._set(newVal);
-  }
-}
+	return /* @__PURE__ */ isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers);
+}
+var CustomRefImpl = class {
+	constructor(factory) {
+		this.subs = void 0;
+		this.subsTail = void 0;
+		this.flags = ReactiveFlags$1.None;
+		this["__v_isRef"] = true;
+		this._value = void 0;
+		const { get, set } = factory(() => trackRef(this), () => triggerRef(this));
+		this._get = get;
+		this._set = set;
+	}
+	get dep() {
+		return this;
+	}
+	get value() {
+		return this._value = this._get();
+	}
+	set value(newVal) {
+		this._set(newVal);
+	}
+};
+/**
+* Creates a customized ref with explicit control over its dependency tracking
+* and updates triggering.
+*
+* @param factory - The function that receives the `track` and `trigger` callbacks.
+* @see {@link https://vuejs.org/api/reactivity-advanced.html#customref}
+*/
 function customRef(factory) {
-  return new CustomRefImpl(factory);
+	return new CustomRefImpl(factory);
 }
-// @__NO_SIDE_EFFECTS__
+/**
+* Converts a reactive object to a plain object where each property of the
+* resulting object is a ref pointing to the corresponding property of the
+* original object. Each individual ref is created using {@link toRef}.
+*
+* @param object - Reactive object to be made into an object of linked refs.
+* @see {@link https://vuejs.org/api/reactivity-utilities.html#torefs}
+*/
+/* @__NO_SIDE_EFFECTS__ */
 function toRefs(object) {
-  if (!isProxy(object)) {
-    warn(`toRefs() expects a reactive object but received a plain one.`);
-  }
-  const ret = isArray$1(object) ? new Array(object.length) : {};
-  for (const key in object) {
-    ret[key] = propertyToRef(object, key);
-  }
-  return ret;
-}
-class ObjectRefImpl {
-  constructor(_object, _key, _defaultValue) {
-    this._object = _object;
-    this._key = _key;
-    this._defaultValue = _defaultValue;
-    this["__v_isRef"] = true;
-    this._value = void 0;
-    this._raw = toRaw(_object);
-    let shallow = true;
-    let obj = _object;
-    if (!isArray$1(_object) || !isIntegerKey(String(_key))) {
-      do {
-        shallow = !isProxy(obj) || isShallow(obj);
-      } while (shallow && (obj = obj["__v_raw"]));
-    }
-    this._shallow = shallow;
-  }
-  get value() {
-    let val = this._object[this._key];
-    if (this._shallow) {
-      val = unref(val);
-    }
-    return this._value = val === void 0 ? this._defaultValue : val;
-  }
-  set value(newVal) {
-    if (this._shallow && /* @__PURE__ */ isRef(this._raw[this._key])) {
-      const nestedRef = this._object[this._key];
-      if (/* @__PURE__ */ isRef(nestedRef)) {
-        nestedRef.value = newVal;
-        return;
-      }
-    }
-    this._object[this._key] = newVal;
-  }
-  get dep() {
-    return getDepFromReactive(this._raw, this._key);
-  }
-}
-class GetterRefImpl {
-  constructor(_getter) {
-    this._getter = _getter;
-    this["__v_isRef"] = true;
-    this["__v_isReadonly"] = true;
-    this._value = void 0;
-  }
-  get value() {
-    return this._value = this._getter();
-  }
-}
-// @__NO_SIDE_EFFECTS__
+	const ret = isArray$1(object) ? new Array(object.length) : {};
+	for (const key in object) ret[key] = propertyToRef(object, key);
+	return ret;
+}
+var ObjectRefImpl = class {
+	constructor(_object, _key, _defaultValue) {
+		this._object = _object;
+		this._key = _key;
+		this._defaultValue = _defaultValue;
+		this["__v_isRef"] = true;
+		this._value = void 0;
+		this._raw = /* @__PURE__ */ toRaw(_object);
+		let shallow = true;
+		let obj = _object;
+		if (!isArray$1(_object) || !isIntegerKey(String(_key))) do
+			shallow = !/* @__PURE__ */ isProxy(obj) || /* @__PURE__ */ isShallow(obj);
+		while (shallow && (obj = obj["__v_raw"]));
+		this._shallow = shallow;
+	}
+	get value() {
+		let val = this._object[this._key];
+		if (this._shallow) val = unref(val);
+		return this._value = val === void 0 ? this._defaultValue : val;
+	}
+	set value(newVal) {
+		if (this._shallow && /* @__PURE__ */ isRef(this._raw[this._key])) {
+			const nestedRef = this._object[this._key];
+			if (/* @__PURE__ */ isRef(nestedRef)) {
+				nestedRef.value = newVal;
+				return;
+			}
+		}
+		this._object[this._key] = newVal;
+	}
+	get dep() {
+		return getDepFromReactive(this._raw, this._key);
+	}
+};
+var GetterRefImpl = class {
+	constructor(_getter) {
+		this._getter = _getter;
+		this["__v_isRef"] = true;
+		this["__v_isReadonly"] = true;
+		this._value = void 0;
+	}
+	get value() {
+		return this._value = this._getter();
+	}
+};
+/* @__NO_SIDE_EFFECTS__ */
 function toRef(source, key, defaultValue) {
-  if (/* @__PURE__ */ isRef(source)) {
-    return source;
-  } else if (isFunction$1(source)) {
-    return new GetterRefImpl(source);
-  } else if (isObject$1(source) && arguments.length > 1) {
-    return propertyToRef(source, key, defaultValue);
-  } else {
-    return /* @__PURE__ */ ref(source);
-  }
+	if (/* @__PURE__ */ isRef(source)) return source;
+	else if (isFunction$1(source)) return new GetterRefImpl(source);
+	else if (isObject$1(source) && arguments.length > 1) return propertyToRef(source, key, defaultValue);
+	else return /* @__PURE__ */ ref(source);
 }
 function propertyToRef(source, key, defaultValue) {
-  return new ObjectRefImpl(source, key, defaultValue);
+	return new ObjectRefImpl(source, key, defaultValue);
 }
 
-class ComputedRefImpl {
-  constructor(fn, setter, isSSR) {
-    this.fn = fn;
-    this.setter = setter;
-    /**
-     * @internal
-     */
-    this._value = void 0;
-    /**
-     * @internal
-     */
-    this.dep = new Dep(this);
-    /**
-     * @internal
-     */
-    this.__v_isRef = true;
-    // TODO isolatedDeclarations "__v_isReadonly"
-    // A computed is also a subscriber that tracks other deps
-    /**
-     * @internal
-     */
-    this.deps = void 0;
-    /**
-     * @internal
-     */
-    this.depsTail = void 0;
-    /**
-     * @internal
-     */
-    this.flags = 16;
-    /**
-     * @internal
-     */
-    this.globalVersion = globalVersion - 1;
-    /**
-     * @internal
-     */
-    this.next = void 0;
-    // for backwards compat
-    this.effect = this;
-    this["__v_isReadonly"] = !setter;
-    this.isSSR = isSSR;
-  }
-  /**
-   * @internal
-   */
-  notify() {
-    this.flags |= 16;
-    if (!(this.flags & 8) && // avoid infinite self recursion
-    activeSub !== this) {
-      batch(this, true);
-      return true;
-    }
-  }
-  get value() {
-    const link = this.dep.track({
-      target: this,
-      type: "get",
-      key: "value"
-    }) ;
-    refreshComputed(this);
-    if (link) {
-      link.version = this.dep.version;
-    }
-    return this._value;
-  }
-  set value(newValue) {
-    if (this.setter) {
-      this.setter(newValue);
-    } else {
-      warn("Write operation failed: computed value is readonly");
-    }
-  }
+//#endregion
+//#region packages/reactivity/src/effect.ts
+const EffectFlags = {
+	"ALLOW_RECURSE": 128,
+	"PAUSED": 256};
+var ReactiveEffect = class {
+	fn() {}
+	constructor(fn) {
+		this.deps = void 0;
+		this.depsTail = void 0;
+		this.subs = void 0;
+		this.subsTail = void 0;
+		this.flags = 18;
+		this.cleanups = [];
+		this.cleanupsLength = 0;
+		if (fn !== void 0) this.fn = fn;
+		if (activeEffectScope) link(this, activeEffectScope);
+	}
+	get active() {
+		return !(this.flags & 1024);
+	}
+	pause() {
+		this.flags |= 256;
+	}
+	resume() {
+		if ((this.flags &= -257) & 48) this.notify();
+	}
+	notify() {
+		if (!(this.flags & 256) && this.dirty) this.run();
+	}
+	run() {
+		if (!this.active) return this.fn();
+		cleanup(this);
+		const prevSub = startTracking(this);
+		try {
+			return this.fn();
+		} finally {
+			endTracking(this, prevSub);
+			const flags = this.flags;
+			if ((flags & 136) === 136) {
+				this.flags = flags & -9;
+				this.notify();
+			}
+		}
+	}
+	stop() {
+		if (!this.active) return;
+		this.flags = 1024;
+		let dep = this.deps;
+		while (dep !== void 0) dep = unlink(dep, this);
+		const sub = this.subs;
+		if (sub !== void 0) unlink(sub);
+		cleanup(this);
+	}
+	get dirty() {
+		const flags = this.flags;
+		if (flags & 16) return true;
+		if (flags & 32) if (checkDirty(this.deps, this)) {
+			this.flags = flags | 16;
+			return true;
+		} else this.flags = flags & -33;
+		return false;
+	}
+};
+setupOnTrigger(ReactiveEffect);
+function effect(fn, options) {
+	if (fn.effect instanceof ReactiveEffect) fn = fn.effect.fn;
+	const e = new ReactiveEffect(fn);
+	if (options) {
+		const { onStop, scheduler } = options;
+		if (onStop) {
+			options.onStop = void 0;
+			const stop = e.stop.bind(e);
+			e.stop = () => {
+				stop();
+				onStop();
+			};
+		}
+		if (scheduler) {
+			options.scheduler = void 0;
+			e.notify = () => {
+				if (!(e.flags & 256)) scheduler();
+			};
+		}
+		extend$1(e, options);
+	}
+	try {
+		e.run();
+	} catch (err) {
+		e.stop();
+		throw err;
+	}
+	const runner = e.run.bind(e);
+	runner.effect = e;
+	return runner;
+}
+/**
+* Stops the effect associated with the given runner.
+*
+* @param runner - Association with the effect to stop tracking.
+*/
+function stop(runner) {
+	runner.effect.stop();
+}
+function cleanup(sub) {
+	const l = sub.cleanupsLength;
+	if (l) {
+		for (let i = 0; i < l; i++) sub.cleanups[i]();
+		sub.cleanupsLength = 0;
+	}
+}
+
+//#endregion
+//#region packages/reactivity/src/effectScope.ts
+let activeEffectScope;
+var EffectScope = class {
+	constructor(detached = false) {
+		this.deps = void 0;
+		this.depsTail = void 0;
+		this.subs = void 0;
+		this.subsTail = void 0;
+		this.flags = 0;
+		this.cleanups = [];
+		this.cleanupsLength = 0;
+		if (!detached && activeEffectScope) link(this, activeEffectScope);
+	}
+	get active() {
+		return !(this.flags & 1024);
+	}
+	pause() {
+		if (!(this.flags & 256)) {
+			this.flags |= 256;
+			for (let link = this.deps; link !== void 0; link = link.nextDep) {
+				const dep = link.dep;
+				if ("pause" in dep) dep.pause();
+			}
+		}
+	}
+	/**
+	* Resumes the effect scope, including all child scopes and effects.
+	*/
+	resume() {
+		const flags = this.flags;
+		if (flags & 256) {
+			this.flags = flags & -257;
+			for (let link = this.deps; link !== void 0; link = link.nextDep) {
+				const dep = link.dep;
+				if ("resume" in dep) dep.resume();
+			}
+		}
+	}
+	run(fn) {
+		const prevScope = activeEffectScope;
+		try {
+			activeEffectScope = this;
+			return fn();
+		} finally {
+			activeEffectScope = prevScope;
+		}
+	}
+	stop() {
+		if (!this.active) return;
+		this.flags = 1024;
+		this.reset();
+		const sub = this.subs;
+		if (sub !== void 0) unlink(sub);
+	}
+	/**
+	* @internal
+	*/
+	reset() {
+		let dep = this.deps;
+		while (dep !== void 0) {
+			const node = dep.dep;
+			if ("stop" in node) {
+				dep = dep.nextDep;
+				node.stop();
+			} else dep = unlink(dep, this);
+		}
+		cleanup(this);
+	}
+};
+/**
+* Creates an effect scope object which can capture the reactive effects (i.e.
+* computed and watchers) created within it so that these effects can be
+* disposed together. For detailed use cases of this API, please consult its
+* corresponding {@link https://github.com/vuejs/rfcs/blob/master/active-rfcs/0041-reactivity-effect-scope.md | RFC}.
+*
+* @param detached - Can be used to create a "detached" effect scope.
+* @see {@link https://vuejs.org/api/reactivity-advanced.html#effectscope}
+*/
+function effectScope(detached) {
+	return new EffectScope(detached);
+}
+/**
+* Returns the current active effect scope if there is one.
+*
+* @see {@link https://vuejs.org/api/reactivity-advanced.html#getcurrentscope}
+*/
+function getCurrentScope() {
+	return activeEffectScope;
 }
-// @__NO_SIDE_EFFECTS__
+function setCurrentScope(scope) {
+	try {
+		return activeEffectScope;
+	} finally {
+		activeEffectScope = scope;
+	}
+}
+/**
+* Registers a dispose callback on the current active effect scope. The
+* callback will be invoked when the associated effect scope is stopped.
+*
+* @param fn - The callback function to attach to the scope's cleanup.
+* @see {@link https://vuejs.org/api/reactivity-advanced.html#onscopedispose}
+*/
+function onScopeDispose(fn, failSilently = false) {
+	if (activeEffectScope !== void 0) activeEffectScope.cleanups[activeEffectScope.cleanupsLength++] = fn;
+	else if (!failSilently) warn("onScopeDispose() is called when there is no active effect scope to be associated with.");
+}
+
+//#endregion
+//#region packages/reactivity/src/computed.ts
+/**
+* @private exported by @vue/reactivity for Vue core use, but not exported from
+* the main vue package
+*/
+var ComputedRefImpl = class {
+	get effect() {
+		return this;
+	}
+	get dep() {
+		return this;
+	}
+	/**
+	* @internal
+	* for backwards compat
+	*/
+	get _dirty() {
+		const flags = this.flags;
+		if (flags & ReactiveFlags$1.Dirty) return true;
+		if (flags & ReactiveFlags$1.Pending) if (checkDirty(this.deps, this)) {
+			this.flags = flags | ReactiveFlags$1.Dirty;
+			return true;
+		} else this.flags = flags & -33;
+		return false;
+	}
+	/**
+	* @internal
+	* for backwards compat
+	*/
+	set _dirty(v) {
+		if (v) this.flags |= ReactiveFlags$1.Dirty;
+		else this.flags &= -49;
+	}
+	constructor(fn, setter) {
+		this.fn = fn;
+		this.setter = setter;
+		this._value = void 0;
+		this.subs = void 0;
+		this.subsTail = void 0;
+		this.deps = void 0;
+		this.depsTail = void 0;
+		this.flags = ReactiveFlags$1.Mutable | ReactiveFlags$1.Dirty;
+		this.__v_isRef = true;
+		this["__v_isReadonly"] = !setter;
+	}
+	get value() {
+		const flags = this.flags;
+		if (flags & ReactiveFlags$1.Dirty || flags & ReactiveFlags$1.Pending && checkDirty(this.deps, this)) {
+			if (this.update()) {
+				const subs = this.subs;
+				if (subs !== void 0) shallowPropagate(subs);
+			}
+		} else if (flags & ReactiveFlags$1.Pending) this.flags = flags & -33;
+		if (activeSub !== void 0) {
+			onTrack(activeSub, {
+				target: this,
+				type: "get",
+				key: "value"
+			});
+			link(this, activeSub);
+		} else if (activeEffectScope !== void 0) link(this, activeEffectScope);
+		return this._value;
+	}
+	set value(newValue) {
+		if (this.setter) this.setter(newValue);
+		else warn("Write operation failed: computed value is readonly");
+	}
+	update() {
+		const prevSub = startTracking(this);
+		try {
+			const oldValue = this._value;
+			const newValue = this.fn(oldValue);
+			if (hasChanged(oldValue, newValue)) {
+				this._value = newValue;
+				return true;
+			}
+			return false;
+		} finally {
+			endTracking(this, prevSub);
+		}
+	}
+};
+setupOnTrigger(ComputedRefImpl);
+/* @__NO_SIDE_EFFECTS__ */
 function computed(getterOrOptions, debugOptions, isSSR = false) {
-  let getter;
-  let setter;
-  if (isFunction$1(getterOrOptions)) {
-    getter = getterOrOptions;
-  } else {
-    getter = getterOrOptions.get;
-    setter = getterOrOptions.set;
-  }
-  const cRef = new ComputedRefImpl(getter, setter, isSSR);
-  if (debugOptions && !isSSR) {
-    cRef.onTrack = debugOptions.onTrack;
-    cRef.onTrigger = debugOptions.onTrigger;
-  }
-  return cRef;
+	let getter;
+	let setter;
+	if (isFunction$1(getterOrOptions)) getter = getterOrOptions;
+	else {
+		getter = getterOrOptions.get;
+		setter = getterOrOptions.set;
+	}
+	const cRef = new ComputedRefImpl(getter, setter);
+	if (debugOptions && !isSSR) {
+		cRef.onTrack = debugOptions.onTrack;
+		cRef.onTrigger = debugOptions.onTrigger;
+	}
+	return cRef;
 }
 
+//#endregion
+//#region packages/reactivity/src/constants.ts
 const TrackOpTypes = {
-  "GET": "get",
-  "HAS": "has",
-  "ITERATE": "iterate"
+	"GET": "get",
+	"HAS": "has",
+	"ITERATE": "iterate"
 };
 const TriggerOpTypes = {
-  "SET": "set",
-  "ADD": "add",
-  "DELETE": "delete",
-  "CLEAR": "clear"
+	"SET": "set",
+	"ADD": "add",
+	"DELETE": "delete",
+	"CLEAR": "clear"
 };
 const INITIAL_WATCHER_VALUE = {};
-const cleanupMap = /* @__PURE__ */ new WeakMap();
 let activeWatcher = void 0;
+/**
+* Returns the current active effect if there is one.
+*/
 function getCurrentWatcher() {
-  return activeWatcher;
+	return activeWatcher;
 }
+/**
+* Registers a cleanup callback on the current active effect. This
+* registered cleanup callback will be invoked right before the
+* associated effect re-runs.
+*
+* @param cleanupFn - The callback function to attach to the effect's cleanup.
+* @param failSilently - if `true`, will not throw warning when called without
+* an active effect.
+* @param owner - The effect that this cleanup function should be attached to.
+* By default, the current active effect.
+*/
 function onWatcherCleanup(cleanupFn, failSilently = false, owner = activeWatcher) {
-  if (owner) {
-    let cleanups = cleanupMap.get(owner);
-    if (!cleanups) cleanupMap.set(owner, cleanups = []);
-    cleanups.push(cleanupFn);
-  } else if (!failSilently) {
-    warn(
-      `onWatcherCleanup() was called when there was no active watcher to associate with.`
-    );
-  }
-}
-function watch$1(source, cb, options = EMPTY_OBJ$1) {
-  const { immediate, deep, once, scheduler, augmentJob, call } = options;
-  const warnInvalidSource = (s) => {
-    (options.onWarn || warn)(
-      `Invalid watch source: `,
-      s,
-      `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.`
-    );
-  };
-  const reactiveGetter = (source2) => {
-    if (deep) return source2;
-    if (isShallow(source2) || deep === false || deep === 0)
-      return traverse(source2, 1);
-    return traverse(source2);
-  };
-  let effect;
-  let getter;
-  let cleanup;
-  let boundCleanup;
-  let forceTrigger = false;
-  let isMultiSource = false;
-  if (isRef(source)) {
-    getter = () => source.value;
-    forceTrigger = isShallow(source);
-  } else if (isReactive(source)) {
-    getter = () => reactiveGetter(source);
-    forceTrigger = true;
-  } else if (isArray$1(source)) {
-    isMultiSource = true;
-    forceTrigger = source.some((s) => isReactive(s) || isShallow(s));
-    getter = () => source.map((s) => {
-      if (isRef(s)) {
-        return s.value;
-      } else if (isReactive(s)) {
-        return reactiveGetter(s);
-      } else if (isFunction$1(s)) {
-        return call ? call(s, 2) : s();
-      } else {
-        warnInvalidSource(s);
-      }
-    });
-  } else if (isFunction$1(source)) {
-    if (cb) {
-      getter = call ? () => call(source, 2) : source;
-    } else {
-      getter = () => {
-        if (cleanup) {
-          pauseTracking();
-          try {
-            cleanup();
-          } finally {
-            resetTracking();
-          }
-        }
-        const currentEffect = activeWatcher;
-        activeWatcher = effect;
-        try {
-          return call ? call(source, 3, [boundCleanup]) : source(boundCleanup);
-        } finally {
-          activeWatcher = currentEffect;
-        }
-      };
-    }
-  } else {
-    getter = NOOP;
-    warnInvalidSource(source);
-  }
-  if (cb && deep) {
-    const baseGetter = getter;
-    const depth = deep === true ? Infinity : deep;
-    getter = () => traverse(baseGetter(), depth);
-  }
-  const scope = getCurrentScope();
-  const watchHandle = () => {
-    effect.stop();
-    if (scope && scope.active) {
-      remove(scope.effects, effect);
-    }
-  };
-  if (once && cb) {
-    const _cb = cb;
-    cb = (...args) => {
-      _cb(...args);
-      watchHandle();
-    };
-  }
-  let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
-  const job = (immediateFirstRun) => {
-    if (!(effect.flags & 1) || !effect.dirty && !immediateFirstRun) {
-      return;
-    }
-    if (cb) {
-      const newValue = effect.run();
-      if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
-        if (cleanup) {
-          cleanup();
-        }
-        const currentWatcher = activeWatcher;
-        activeWatcher = effect;
-        try {
-          const args = [
-            newValue,
-            // pass undefined as the old value when it's changed for the first time
-            oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
-            boundCleanup
-          ];
-          oldValue = newValue;
-          call ? call(cb, 3, args) : (
-            // @ts-expect-error
-            cb(...args)
-          );
-        } finally {
-          activeWatcher = currentWatcher;
-        }
-      }
-    } else {
-      effect.run();
-    }
-  };
-  if (augmentJob) {
-    augmentJob(job);
-  }
-  effect = new ReactiveEffect(getter);
-  effect.scheduler = scheduler ? () => scheduler(job, false) : job;
-  boundCleanup = (fn) => onWatcherCleanup(fn, false, effect);
-  cleanup = effect.onStop = () => {
-    const cleanups = cleanupMap.get(effect);
-    if (cleanups) {
-      if (call) {
-        call(cleanups, 4);
-      } else {
-        for (const cleanup2 of cleanups) cleanup2();
-      }
-      cleanupMap.delete(effect);
-    }
-  };
-  {
-    effect.onTrack = options.onTrack;
-    effect.onTrigger = options.onTrigger;
-  }
-  if (cb) {
-    if (immediate) {
-      job(true);
-    } else {
-      oldValue = effect.run();
-    }
-  } else if (scheduler) {
-    scheduler(job.bind(null, true), true);
-  } else {
-    effect.run();
-  }
-  watchHandle.pause = effect.pause.bind(effect);
-  watchHandle.resume = effect.resume.bind(effect);
-  watchHandle.stop = watchHandle;
-  return watchHandle;
-}
-function traverse(value, depth = Infinity, seen) {
-  if (depth <= 0 || !isObject$1(value) || value["__v_skip"]) {
-    return value;
-  }
-  seen = seen || /* @__PURE__ */ new Map();
-  if ((seen.get(value) || 0) >= depth) {
-    return value;
-  }
-  seen.set(value, depth);
-  depth--;
-  if (isRef(value)) {
-    traverse(value.value, depth, seen);
-  } else if (isArray$1(value)) {
-    for (let i = 0; i < value.length; i++) {
-      traverse(value[i], depth, seen);
-    }
-  } else if (isSet(value) || isMap(value)) {
-    value.forEach((v) => {
-      traverse(v, depth, seen);
-    });
-  } else if (isPlainObject$1(value)) {
-    for (const key in value) {
-      traverse(value[key], depth, seen);
-    }
-    for (const key of Object.getOwnPropertySymbols(value)) {
-      if (Object.prototype.propertyIsEnumerable.call(value, key)) {
-        traverse(value[key], depth, seen);
-      }
-    }
-  }
-  return value;
-}
-
-const EMPTY_OBJ = Object.freeze({}) ;
-const isArray = Array.isArray;
-const extend = Object.assign;
-function exclude(obj, keys) {
-    const ret = {};
-    Object.keys(obj).forEach((key) => {
-        if (!keys.includes(key)) {
-            ret[key] = obj[key];
-        }
-    });
-    return ret;
-}
-function getType(x) {
-    return Object.prototype.toString.call(x).slice(8, -1);
-}
-function isSimpleValue(x) {
-    const simpleTypes = new Set(['undefined', 'boolean', 'number', 'string']);
-    return x === null || simpleTypes.has(typeof x);
-}
-function isObject(x) {
-    return x !== null && typeof x === 'object';
-}
-function isPlainObject(x) {
-    return getType(x) === 'Object';
+	if (owner) {
+		const { call } = owner.options;
+		if (call) owner.cleanups[owner.cleanupsLength++] = () => call(cleanupFn, 4);
+		else owner.cleanups[owner.cleanupsLength++] = cleanupFn;
+	} else if (!failSilently) warn("onWatcherCleanup() was called when there was no active watcher to associate with.");
+}
+var WatcherEffect = class extends ReactiveEffect {
+	constructor(source, cb, options = EMPTY_OBJ$1) {
+		const { deep, once, call, onWarn } = options;
+		let getter;
+		let forceTrigger = false;
+		let isMultiSource = false;
+		if (/* @__PURE__ */ isRef(source)) {
+			getter = () => source.value;
+			forceTrigger = /* @__PURE__ */ isShallow(source);
+		} else if (/* @__PURE__ */ isReactive(source)) {
+			getter = () => reactiveGetter(source, deep);
+			forceTrigger = true;
+		} else if (isArray$1(source)) {
+			isMultiSource = true;
+			forceTrigger = source.some((s) => /* @__PURE__ */ isReactive(s) || /* @__PURE__ */ isShallow(s));
+			getter = () => source.map((s) => {
+				if (/* @__PURE__ */ isRef(s)) return s.value;
+				else if (/* @__PURE__ */ isReactive(s)) return reactiveGetter(s, deep);
+				else if (isFunction$1(s)) return call ? call(s, 2) : s();
+				else warnInvalidSource(s, onWarn);
+			});
+		} else if (isFunction$1(source)) if (cb) getter = call ? () => call(source, 2) : source;
+		else getter = () => {
+			if (this.cleanupsLength) {
+				const prevSub = setActiveSub();
+				try {
+					cleanup(this);
+				} finally {
+					setActiveSub(prevSub);
+				}
+			}
+			const currentEffect = activeWatcher;
+			activeWatcher = this;
+			try {
+				return call ? call(source, 3, [this.boundCleanup]) : source(this.boundCleanup);
+			} finally {
+				activeWatcher = currentEffect;
+			}
+		};
+		else {
+			getter = NOOP;
+			warnInvalidSource(source, onWarn);
+		}
+		if (cb && deep) {
+			const baseGetter = getter;
+			const depth = deep === true ? Infinity : deep;
+			getter = () => traverse(baseGetter(), depth);
+		}
+		super(getter);
+		this.cb = cb;
+		this.options = options;
+		this.boundCleanup = (fn) => onWatcherCleanup(fn, false, this);
+		this.forceTrigger = forceTrigger;
+		this.isMultiSource = isMultiSource;
+		if (once && cb) {
+			const _cb = cb;
+			cb = (...args) => {
+				_cb(...args);
+				this.stop();
+			};
+		}
+		this.cb = cb;
+		this.oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
+		{
+			this.onTrack = options.onTrack;
+			this.onTrigger = options.onTrigger;
+		}
+	}
+	run(initialRun = false) {
+		const oldValue = this.oldValue;
+		const newValue = this.oldValue = super.run();
+		if (!this.cb) return;
+		const { immediate, deep, call } = this.options;
+		if (initialRun && !immediate) return;
+		if (deep || this.forceTrigger || (this.isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
+			cleanup(this);
+			const currentWatcher = activeWatcher;
+			activeWatcher = this;
+			try {
+				const args = [
+					newValue,
+					oldValue === INITIAL_WATCHER_VALUE ? void 0 : this.isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
+					this.boundCleanup
+				];
+				call ? call(this.cb, 3, args) : this.cb(...args);
+			} finally {
+				activeWatcher = currentWatcher;
+			}
+		}
+	}
+};
+function reactiveGetter(source, deep) {
+	if (deep) return source;
+	if (/* @__PURE__ */ isShallow(source) || deep === false || deep === 0) return traverse(source, 1);
+	return traverse(source);
 }
-function isFunction(x) {
-    return typeof x === 'function';
+function warnInvalidSource(s, onWarn) {
+	(onWarn || warn)(`Invalid watch source: `, s, "A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.");
 }
-function toHiddenField(name) {
-    return `__${name}__`;
+function traverse(value, depth = Infinity, seen) {
+	if (depth <= 0 || !isObject$1(value) || value["__v_skip"]) return value;
+	seen = seen || /* @__PURE__ */ new Map();
+	if ((seen.get(value) || 0) >= depth) return value;
+	seen.set(value, depth);
+	depth--;
+	if (/* @__PURE__ */ isRef(value)) traverse(value.value, depth, seen);
+	else if (isArray$1(value)) for (let i = 0; i < value.length; i++) traverse(value[i], depth, seen);
+	else if (isSet(value) || isMap(value)) value.forEach((v) => {
+		traverse(v, depth, seen);
+	});
+	else if (isPlainObject$1(value)) {
+		for (const key in value) traverse(value[key], depth, seen);
+		for (const key of Object.getOwnPropertySymbols(value)) if (Object.prototype.propertyIsEnumerable.call(value, key)) traverse(value[key], depth, seen);
+	}
+	return value;
 }
 
 var SchedulerJobFlags;
 (function (SchedulerJobFlags) {
     SchedulerJobFlags[SchedulerJobFlags["QUEUED"] = 1] = "QUEUED";
-    SchedulerJobFlags[SchedulerJobFlags["ALLOW_RECURSE"] = 4] = "ALLOW_RECURSE";
+    SchedulerJobFlags[SchedulerJobFlags["ALLOW_RECURSE"] = 2] = "ALLOW_RECURSE";
 })(SchedulerJobFlags || (SchedulerJobFlags = {}));
-const queue = [];
-let flushIndex = -1;
-const pendingPostFlushCbs = [];
-let activePostFlushCbs = null;
+const jobs = [];
+let postJobs = [];
+let activePostJobs = null;
+let currentFlushPromise = null;
+let jobsLength = 0;
+let flushIndex = 0;
 let postFlushIndex = 0;
 const resolvedPromise = /*@__PURE__*/ Promise.resolve();
-let currentFlushPromise = null;
 const RECURSION_LIMIT = 100;
 function nextTick(fn) {
     const p = currentFlushPromise || resolvedPromise;
     return fn ? p.then(fn) : p;
 }
 function queueJob(job) {
-    if (!(job.flags & SchedulerJobFlags.QUEUED)) {
-        queue.push(job);
-        job.flags |= SchedulerJobFlags.QUEUED;
+    if (queueJobWorker(job, jobs, jobsLength)) {
+        jobsLength++;
         queueFlush();
     }
 }
+function queueJobWorker(job, queue, length) {
+    const flags = job.flags;
+    if (!(flags & SchedulerJobFlags.QUEUED)) {
+        job.flags = flags | SchedulerJobFlags.QUEUED;
+        queue[length] = job;
+        return true;
+    }
+    return false;
+}
 function queueFlush() {
     if (!currentFlushPromise) {
+        // We don't flush post jobs on flushJobs's finally block, so we don't need `doFlushJobs` here.
         currentFlushPromise = resolvedPromise.then(flushJobs);
     }
 }
-function queuePostFlushCb(cb) {
-    if (!(cb.flags & SchedulerJobFlags.QUEUED)) {
-        pendingPostFlushCbs.push(cb);
-        cb.flags |= SchedulerJobFlags.QUEUED;
-    }
+function queuePostFlushCb(job) {
+    queueJobWorker(job, postJobs, postJobs.length);
 }
 function flushPostFlushCbs() {
-    if (pendingPostFlushCbs.length > 0) {
-        activePostFlushCbs = [...new Set(pendingPostFlushCbs)];
-        pendingPostFlushCbs.length = 0;
-        for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-            const cb = activePostFlushCbs[postFlushIndex];
+    if (postJobs.length) {
+        activePostJobs = postJobs;
+        postJobs = [];
+        while (postFlushIndex < activePostJobs.length) {
+            const cb = activePostJobs[postFlushIndex++];
             if (cb.flags & SchedulerJobFlags.ALLOW_RECURSE) {
                 cb.flags &= ~SchedulerJobFlags.QUEUED;
             }
-            cb();
-            cb.flags &= ~SchedulerJobFlags.QUEUED;
+            try {
+                cb();
+            }
+            finally {
+                cb.flags &= ~SchedulerJobFlags.QUEUED;
+            }
         }
-        activePostFlushCbs = null;
+        activePostJobs = null;
         postFlushIndex = 0;
     }
 }
 function flushJobs() {
     const seen = new Map() ;
-    // Conditional usage of checkRecursiveUpdate must be determined out of
-    // try ... catch block since Rollup by default de-optimizes treeshaking
-    // inside try-catch. This can leave all warning code unshaked. Although
-    // they would get eventually shaken by a minifier like terser, some minifiers
-    // would fail to do that (e.g. https://github.com/evanw/esbuild/issues/1610)
-    const check = (job) => checkRecursiveUpdates(seen, job)
-        ;
     try {
-        for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-            const job = queue[flushIndex];
+        while (flushIndex < jobsLength) {
+            const job = jobs[flushIndex];
+            jobs[flushIndex++] = undefined;
+            // Conditional usage of checkRecursiveUpdate must be determined out of
+            // try ... catch block since Rollup by default de-optimizes treeshaking
+            // inside try-catch. This can leave all warning code unshaked. Although
+            // they would get eventually shaken by a minifier like terser, some minifiers
+            // would fail to do that (e.g. https://github.com/evanw/esbuild/issues/1610)
             /* istanbul ignore if -- @preserve  */
-            if (true && check(job)) {
+            if (true && checkRecursiveUpdates(seen, job)) {
                 continue;
             }
             if (job.flags & SchedulerJobFlags.ALLOW_RECURSE) {
                 job.flags &= ~SchedulerJobFlags.QUEUED;
             }
-            job();
-            if (!(job.flags & SchedulerJobFlags.ALLOW_RECURSE)) {
-                job.flags &= ~SchedulerJobFlags.QUEUED;
+            try {
+                job();
+            }
+            finally {
+                if (!(job.flags & SchedulerJobFlags.ALLOW_RECURSE)) {
+                    job.flags &= ~SchedulerJobFlags.QUEUED;
+                }
             }
         }
     }
     finally {
         // If there was an error we still need to clear the QUEUED flags
-        for (; flushIndex < queue.length; flushIndex++) {
-            const job = queue[flushIndex];
-            job.flags &= ~SchedulerJobFlags.QUEUED;
+        while (flushIndex < jobsLength) {
+            jobs[flushIndex].flags &= ~SchedulerJobFlags.QUEUED;
+            jobs[flushIndex++] = undefined;
         }
-        flushIndex = -1;
-        queue.length = 0;
+        flushIndex = 0;
+        jobsLength = 0;
         currentFlushPromise = null;
     }
 }
@@ -2119,6 +2019,38 @@ function checkRecursiveUpdates(seen, fn) {
     return false;
 }
 
+const EMPTY_OBJ = Object.freeze({}) ;
+const isArray = Array.isArray;
+const extend = Object.assign;
+function exclude(obj, keys) {
+    const ret = {};
+    Object.keys(obj).forEach((key) => {
+        if (!keys.includes(key)) {
+            ret[key] = obj[key];
+        }
+    });
+    return ret;
+}
+function getType(x) {
+    return Object.prototype.toString.call(x).slice(8, -1);
+}
+function isSimpleValue(x) {
+    const simpleTypes = new Set(['undefined', 'boolean', 'number', 'string']);
+    return x === null || simpleTypes.has(typeof x);
+}
+function isObject(x) {
+    return x !== null && typeof x === 'object';
+}
+function isPlainObject(x) {
+    return getType(x) === 'Object';
+}
+function isFunction(x) {
+    return typeof x === 'function';
+}
+function toHiddenField(name) {
+    return `__${name}__`;
+}
+
 // Simple effect.
 function watchEffect(effect, options) {
     return doWatch(effect, null, options);
@@ -2140,8 +2072,42 @@ function watch(source, cb, options) {
     }
     return doWatch(source, cb, options);
 }
+class RenderWatcherEffect extends WatcherEffect {
+    constructor(source, cb, options, flush) {
+        super(source, cb, options);
+        this.flush = flush;
+        const job = () => {
+            if (this.dirty) {
+                this.run();
+            }
+        };
+        // Important: mark the job as a watcher callback so that scheduler knows
+        // it is allowed to self-trigger (#1727)
+        if (cb) {
+            this.flags |= EffectFlags.ALLOW_RECURSE;
+            job.flags |= SchedulerJobFlags.ALLOW_RECURSE;
+        }
+        this.job = job;
+    }
+    notify() {
+        const flags = this.flags;
+        if (!(flags & EffectFlags.PAUSED)) {
+            const flush = this.flush;
+            const job = this.job;
+            if (flush === 'post') {
+                queuePostFlushCb(job);
+            }
+            else if (flush === 'pre') {
+                queueJob(job);
+            }
+            else {
+                job();
+            }
+        }
+    }
+}
 function doWatch(source, cb, options = EMPTY_OBJ) {
-    const { immediate, deep, flush, once } = options;
+    const { immediate, deep, flush = 'pre', once } = options;
     if (!cb) {
         if (immediate !== undefined) {
             console.warn(`watch() "immediate" option is only respected when using the ` +
@@ -2157,32 +2123,22 @@ function doWatch(source, cb, options = EMPTY_OBJ) {
         }
     }
     const baseWatchOptions = extend({}, options);
-    // Scheduler
-    if (flush === 'post') {
-        baseWatchOptions.scheduler = (job) => {
-            queuePostFlushCb(job);
-        };
+    const effect = new RenderWatcherEffect(source, cb, baseWatchOptions, flush);
+    // Initial run
+    if (cb) {
+        effect.run(true);
     }
-    else if (flush !== 'sync') {
-        baseWatchOptions.scheduler = (job, isFirstRun) => {
-            if (isFirstRun) {
-                job();
-            }
-            else {
-                queueJob(job);
-            }
-        };
+    else if (flush === 'post') {
+        queuePostFlushCb(effect.job);
     }
-    // @ts-expect-error
-    baseWatchOptions.augmentJob = (job) => {
-        // Important: mark the job as a watcher callback so that scheduler knows
-        // it is allowed to self-trigger
-        if (cb) {
-            job.flags |= SchedulerJobFlags.ALLOW_RECURSE;
-        }
-    };
-    const watchHandle = watch$1(source, cb, baseWatchOptions);
-    return watchHandle;
+    else {
+        effect.run(true);
+    }
+    const stop = effect.stop.bind(effect);
+    stop.pause = effect.pause.bind(effect);
+    stop.resume = effect.resume.bind(effect);
+    stop.stop = stop;
+    return stop;
 }
 
 const provides = Object.create(null);
@@ -2219,28 +2175,18 @@ function unsetCurrentApp() {
 }
 function setCurrentPage(page) {
     currentPage = page;
-    // @ts-expect-error
-    page.__scope__.on();
+    return setCurrentScope(page.__scope__);
 }
-function unsetCurrentPage() {
-    /* istanbul ignore else -- @preserve */
-    if (currentPage) {
-        // @ts-expect-error
-        currentPage.__scope__.off();
-    }
+function unsetCurrentPage(scope) {
+    setCurrentScope(scope);
     currentPage = null;
 }
 function setCurrentComponent(component) {
     currentComponent = component;
-    // @ts-expect-error
-    component.__scope__.on();
+    return setCurrentScope(component.__scope__);
 }
-function unsetCurrentComponent() {
-    /* istanbul ignore else -- @preserve */
-    if (currentComponent) {
-        // @ts-expect-error
-        currentComponent.__scope__.off();
-    }
+function unsetCurrentComponent(scope) {
+    setCurrentScope(scope);
     currentComponent = null;
 }
 
@@ -2378,7 +2324,7 @@ function definePage(optionsOrSetup, config) {
     const originOnLoad = options[PageLifecycle.ON_LOAD];
     options[PageLifecycle.ON_LOAD] = function (query) {
         this.__scope__ = new EffectScope();
-        setCurrentPage(this);
+        const scope = setCurrentPage(this);
         const context = {
             is: this.is,
             route: this.route,
@@ -2422,7 +2368,7 @@ function definePage(optionsOrSetup, config) {
                 this.setData(data, flushPostFlushCbs);
             }
         }
-        unsetCurrentPage();
+        unsetCurrentPage(scope);
         if (originOnLoad !== undefined) {
             originOnLoad.call(this, query);
         }
@@ -2551,7 +2497,7 @@ function defineComponent(optionsOrSetup, config) {
         options[ComponentLifecycle.ATTACHED];
     options.lifetimes[ComponentLifecycle.ATTACHED] = function () {
         this.__scope__ = new EffectScope();
-        setCurrentComponent(this);
+        const scope = setCurrentComponent(this);
         const rawProps = {};
         if (properties) {
             properties.forEach((property) => {
@@ -2606,7 +2552,7 @@ function defineComponent(optionsOrSetup, config) {
                 this.setData(data, flushPostFlushCbs);
             }
         }
-        unsetCurrentComponent();
+        unsetCurrentComponent(scope);
         if (originAttached !== undefined) {
             originAttached.call(this);
         }