@vue/compat 3.5.0-beta.1 → 3.5.0-beta.3

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.0-beta.1
+* @vue/compat v3.5.0-beta.3
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -535,11 +535,11 @@ var Vue = (function () {
       }
     }
     pause() {
-      this.flags |= 128;
+      this.flags |= 64;
     }
     resume() {
-      if (this.flags & 128) {
-        this.flags &= ~128;
+      if (this.flags & 64) {
+        this.flags &= ~64;
         if (pausedQueueEffects.has(this)) {
           pausedQueueEffects.delete(this);
           this.trigger();
@@ -553,9 +553,6 @@ var Vue = (function () {
       if (this.flags & 2 && !(this.flags & 32)) {
         return;
       }
-      if (this.flags & 64) {
-        return this.trigger();
-      }
       if (!(this.flags & 8)) {
         this.flags |= 8;
         this.nextEffect = batchedEffect;
@@ -599,7 +596,7 @@ var Vue = (function () {
       }
     }
     trigger() {
-      if (this.flags & 128) {
+      if (this.flags & 64) {
         pausedQueueEffects.add(this);
       } else if (this.scheduler) {
         this.scheduler();
@@ -629,6 +626,7 @@ var Vue = (function () {
       batchDepth--;
       return;
     }
+    batchDepth--;
     let error;
     while (batchedEffect) {
       let e = batchedEffect;
@@ -647,7 +645,6 @@ var Vue = (function () {
         e = next;
       }
     }
-    batchDepth--;
     if (error) throw error;
   }
   function prepareDeps(sub) {
@@ -1050,26 +1047,26 @@ var Vue = (function () {
       });
     },
     every(fn, thisArg) {
-      return apply(this, "every", fn, thisArg);
+      return apply(this, "every", fn, thisArg, void 0, arguments);
     },
     filter(fn, thisArg) {
-      return apply(this, "filter", fn, thisArg, (v) => v.map(toReactive));
+      return apply(this, "filter", fn, thisArg, (v) => v.map(toReactive), arguments);
     },
     find(fn, thisArg) {
-      return apply(this, "find", fn, thisArg, toReactive);
+      return apply(this, "find", fn, thisArg, toReactive, arguments);
     },
     findIndex(fn, thisArg) {
-      return apply(this, "findIndex", fn, thisArg);
+      return apply(this, "findIndex", fn, thisArg, void 0, arguments);
     },
     findLast(fn, thisArg) {
-      return apply(this, "findLast", fn, thisArg, toReactive);
+      return apply(this, "findLast", fn, thisArg, toReactive, arguments);
     },
     findLastIndex(fn, thisArg) {
-      return apply(this, "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);
+      return apply(this, "forEach", fn, thisArg, void 0, arguments);
     },
     includes(...args) {
       return searchProxy(this, "includes", args);
@@ -1085,7 +1082,7 @@ var Vue = (function () {
       return searchProxy(this, "lastIndexOf", args);
     },
     map(fn, thisArg) {
-      return apply(this, "map", fn, thisArg);
+      return apply(this, "map", fn, thisArg, void 0, arguments);
     },
     pop() {
       return noTracking(this, "pop");
@@ -1104,7 +1101,7 @@ var Vue = (function () {
     },
     // slice could use ARRAY_ITERATE but also seems to beg for range tracking
     some(fn, thisArg) {
-      return apply(this, "some", fn, thisArg);
+      return apply(this, "some", fn, thisArg, void 0, arguments);
     },
     splice(...args) {
       return noTracking(this, "splice", args);
@@ -1140,12 +1137,17 @@ var Vue = (function () {
     }
     return iter;
   }
-  function apply(self, method, fn, thisArg, wrappedRetFn) {
+  const arrayProto = Array.prototype;
+  function apply(self, method, fn, thisArg, wrappedRetFn, args) {
     const arr = shallowReadArray(self);
-    let needsWrap = false;
+    const needsWrap = arr !== self && !isShallow(self);
+    const methodFn = arr[method];
+    if (methodFn !== arrayProto[method]) {
+      const result2 = methodFn.apply(arr, args);
+      return needsWrap ? toReactive(result2) : result2;
+    }
     let wrappedFn = fn;
     if (arr !== self) {
-      needsWrap = !isShallow(self);
       if (needsWrap) {
         wrappedFn = function(item, index) {
           return fn.call(this, toReactive(item), index, self);
@@ -1156,7 +1158,7 @@ var Vue = (function () {
         };
       }
     }
-    const result = arr[method](wrappedFn, thisArg);
+    const result = methodFn.call(arr, wrappedFn, thisArg);
     return needsWrap && wrappedRetFn ? wrappedRetFn(result) : result;
   }
   function reduce(self, method, fn, args) {
@@ -2007,6 +2009,220 @@ var Vue = (function () {
     "CLEAR": "clear"
   };
 
+  const INITIAL_WATCHER_VALUE = {};
+  const cleanupMap = /* @__PURE__ */ new WeakMap();
+  let activeWatcher = void 0;
+  function getCurrentWatcher() {
+    return activeWatcher;
+  }
+  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$2(
+        `onWatcherCleanup() was called when there was no active watcher to associate with.`
+      );
+    }
+  }
+  function watch$1(source, cb, options = EMPTY_OBJ) {
+    const { immediate, deep, once, scheduler, augmentJob, call } = options;
+    const warnInvalidSource = (s) => {
+      (options.onWarn || warn$2)(
+        `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(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(s)) {
+          return call ? call(s, 2) : s();
+        } else {
+          warnInvalidSource(s);
+        }
+      });
+    } else if (isFunction(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);
+    }
+    if (once) {
+      if (cb) {
+        const _cb = cb;
+        cb = (...args) => {
+          _cb(...args);
+          effect.stop();
+        };
+      } else {
+        const _getter = getter;
+        getter = () => {
+          _getter();
+          effect.stop();
+        };
+      }
+    }
+    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
+            ];
+            call ? call(cb, 3, args) : (
+              // @ts-expect-error
+              cb(...args)
+            );
+            oldValue = newValue;
+          } 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();
+    }
+    const scope = getCurrentScope();
+    const watchHandle = () => {
+      effect.stop();
+      if (scope) {
+        remove(scope.effects, effect);
+      }
+    };
+    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(value) || value["__v_skip"]) {
+      return value;
+    }
+    seen = seen || /* @__PURE__ */ new Set();
+    if (seen.has(value)) {
+      return value;
+    }
+    seen.add(value);
+    depth--;
+    if (isRef(value)) {
+      traverse(value.value, depth, seen);
+    } else if (isArray(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(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 stack$1 = [];
   function pushWarningContext(vnode) {
     stack$1.push(vnode);
@@ -2134,12 +2350,6 @@ var Vue = (function () {
     "0": "SETUP_FUNCTION",
     "RENDER_FUNCTION": 1,
     "1": "RENDER_FUNCTION",
-    "WATCH_GETTER": 2,
-    "2": "WATCH_GETTER",
-    "WATCH_CALLBACK": 3,
-    "3": "WATCH_CALLBACK",
-    "WATCH_CLEANUP": 4,
-    "4": "WATCH_CLEANUP",
     "NATIVE_EVENT_HANDLER": 5,
     "5": "NATIVE_EVENT_HANDLER",
     "COMPONENT_EVENT_HANDLER": 6,
@@ -2291,7 +2501,7 @@ var Vue = (function () {
     return fn ? p.then(this ? fn.bind(this) : fn) : p;
   }
   function findInsertionIndex(id) {
-    let start = flushIndex + 1;
+    let start = isFlushing ? flushIndex + 1 : 0;
     let end = queue.length;
     while (start < end) {
       const middle = start + end >>> 1;
@@ -2307,15 +2517,13 @@ var Vue = (function () {
   }
   function queueJob(job) {
     if (!(job.flags & 1)) {
-      if (job.id == null) {
-        queue.push(job);
-      } else if (
-        // fast path when the job id is larger than the tail
-        !(job.flags & 2) && job.id >= (queue[queue.length - 1] && queue[queue.length - 1].id || 0)
-      ) {
+      const jobId = getId(job);
+      const lastJob = queue[queue.length - 1];
+      if (!lastJob || // fast path when the job id is larger than the tail
+      !(job.flags & 2) && jobId >= getId(lastJob)) {
         queue.push(job);
       } else {
-        queue.splice(findInsertionIndex(job.id), 0, job);
+        queue.splice(findInsertionIndex(jobId), 0, job);
       }
       if (!(job.flags & 4)) {
         job.flags |= 1;
@@ -2329,12 +2537,6 @@ var Vue = (function () {
       currentFlushPromise = resolvedPromise.then(flushJobs);
     }
   }
-  function invalidateJob(job) {
-    const i = queue.indexOf(job);
-    if (i > flushIndex) {
-      queue.splice(i, 1);
-    }
-  }
   function queuePostFlushCb(cb) {
     if (!isArray(cb)) {
       if (activePostFlushCbs && cb.id === -1) {
@@ -2396,24 +2598,13 @@ var Vue = (function () {
       postFlushIndex = 0;
     }
   }
-  const getId = (job) => job.id == null ? Infinity : job.id;
-  const comparator = (a, b) => {
-    const diff = getId(a) - getId(b);
-    if (diff === 0) {
-      const isAPre = a.flags & 2;
-      const isBPre = b.flags & 2;
-      if (isAPre && !isBPre) return -1;
-      if (isBPre && !isAPre) return 1;
-    }
-    return diff;
-  };
+  const getId = (job) => job.id == null ? job.flags & 2 ? -1 : Infinity : job.id;
   function flushJobs(seen) {
     isFlushPending = false;
     isFlushing = true;
     {
       seen = seen || /* @__PURE__ */ new Map();
     }
-    queue.sort(comparator);
     const check = (job) => checkRecursiveUpdates(seen, job) ;
     try {
       for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
@@ -3054,7 +3245,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
   function once(instance, event, fn) {
     const wrapped = (...args) => {
       off(instance, event, wrapped);
-      fn.call(instance.proxy, ...args);
+      fn.apply(instance.proxy, args);
     };
     wrapped.fn = fn;
     on(instance, event, wrapped);
@@ -4092,6 +4283,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
   const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
   const isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
   const getContainerType = (container) => {
+    if (container.nodeType !== 1) return void 0;
     if (isSVGContainer(container)) return "svg";
     if (isMathMLContainer(container)) return "mathml";
     return void 0;
@@ -5014,7 +5206,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       function pruneCache(filter) {
         cache.forEach((vnode, key) => {
           const name = getComponentName(vnode.type);
-          if (name && (!filter || !filter(name))) {
+          if (name && !filter(name)) {
             pruneCacheEntry(key);
           }
         });
@@ -5136,6 +5328,7 @@ Server rendered element contains fewer child nodes than client vdom.`
     } else if (isString(pattern)) {
       return pattern.split(",").includes(name);
     } else if (isRegExp(pattern)) {
+      pattern.lastIndex = 0;
       return pattern.test(name);
     }
     return false;
@@ -6577,23 +6770,43 @@ If this is a native custom element, make sure to exclude it from component resol
     );
   }
   function createWatcher(raw, ctx, publicThis, key) {
-    const getter = key.includes(".") ? createPathGetter(publicThis, key) : () => publicThis[key];
+    let getter = key.includes(".") ? createPathGetter(publicThis, key) : () => publicThis[key];
+    const options = {};
+    {
+      const instance = currentInstance && getCurrentScope() === currentInstance.scope ? currentInstance : null;
+      const newValue = getter();
+      if (isArray(newValue) && isCompatEnabled$1("WATCH_ARRAY", instance)) {
+        options.deep = true;
+      }
+      const baseGetter = getter;
+      getter = () => {
+        const val = baseGetter();
+        if (isArray(val) && checkCompatEnabled$1("WATCH_ARRAY", instance)) {
+          traverse(val);
+        }
+        return val;
+      };
+    }
     if (isString(raw)) {
       const handler = ctx[raw];
       if (isFunction(handler)) {
-        watch(getter, handler);
+        {
+          watch(getter, handler, options);
+        }
       } else {
         warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
       }
     } else if (isFunction(raw)) {
-      watch(getter, raw.bind(publicThis));
+      {
+        watch(getter, raw.bind(publicThis), options);
+      }
     } else if (isObject(raw)) {
       if (isArray(raw)) {
         raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
       } else {
         const handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
         if (isFunction(handler)) {
-          watch(getter, handler, raw);
+          watch(getter, handler, extend(raw, options) );
         } else {
           warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
         }
@@ -6817,7 +7030,7 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.5.0-beta.1"}`;
+    Vue.version = `2.6.14-compat:${"3.5.0-beta.3"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -7149,7 +7362,7 @@ If this is a native custom element, make sure to exclude it from component resol
       if (isArray(val)) {
         methodsToPatch.forEach((m) => {
           val[m] = (...args) => {
-            Array.prototype[m].call(reactiveVal, ...args);
+            Array.prototype[m].apply(reactiveVal, args);
           };
         });
       } else {
@@ -8344,7 +8557,7 @@ If you want to remount the same app, move your app creation logic into a factory
         if (subTree.patchFlag > 0 && subTree.patchFlag & 2048) {
           subTree = filterSingleRoot(subTree.children) || subTree;
         }
-        if (vnode === subTree) {
+        if (vnode === subTree || isSuspense(subTree.type) && (subTree.ssContent === vnode || subTree.ssFallback === vnode)) {
           const parentVNode = parentComponent.vnode;
           setScopeId(
             el,
@@ -8674,7 +8887,6 @@ If you want to remount the same app, move your app creation logic into a factory
           return;
         } else {
           instance.next = n2;
-          invalidateJob(instance.update);
           instance.update();
         }
       } else {
@@ -9592,7 +9804,6 @@ If you want to remount the same app, move your app creation logic into a factory
       extend({}, options, { flush: "sync" }) 
     );
   }
-  const INITIAL_WATCHER_VALUE = {};
   function watch(source, cb, options) {
     if (!isFunction(cb)) {
       warn$1(
@@ -9601,21 +9812,8 @@ If you want to remount the same app, move your app creation logic into a factory
     }
     return doWatch(source, cb, options);
   }
-  function doWatch(source, cb, {
-    immediate,
-    deep,
-    flush,
-    once,
-    onTrack,
-    onTrigger
-  } = EMPTY_OBJ) {
-    if (cb && once) {
-      const _cb = cb;
-      cb = (...args) => {
-        _cb(...args);
-        watchHandle();
-      };
-    }
+  function doWatch(source, cb, options = EMPTY_OBJ) {
+    const { immediate, deep, flush, once } = options;
     if (!cb) {
       if (immediate !== void 0) {
         warn$1(
@@ -9633,150 +9831,38 @@ If you want to remount the same app, move your app creation logic into a factory
         );
       }
     }
-    const warnInvalidSource = (s) => {
-      warn$1(
-        `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 baseWatchOptions = extend({}, options);
+    baseWatchOptions.onWarn = warn$1;
     const instance = currentInstance;
-    const reactiveGetter = (source2) => {
-      if (deep) return source2;
-      if (isShallow(source2) || deep === false || deep === 0)
-        return traverse(source2, 1);
-      return traverse(source2);
-    };
-    let getter;
-    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(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(s)) {
-          return callWithErrorHandling(s, instance, 2);
+    baseWatchOptions.call = (fn, type, args) => callWithAsyncErrorHandling(fn, instance, type, args);
+    let isPre = false;
+    if (flush === "post") {
+      baseWatchOptions.scheduler = (job) => {
+        queuePostRenderEffect(job, instance && instance.suspense);
+      };
+    } else if (flush !== "sync") {
+      isPre = true;
+      baseWatchOptions.scheduler = (job, isFirstRun) => {
+        if (isFirstRun) {
+          job();
         } else {
-          warnInvalidSource(s);
-        }
-      });
-    } else if (isFunction(source)) {
-      if (cb) {
-        getter = () => callWithErrorHandling(source, instance, 2);
-      } else {
-        getter = () => {
-          if (cleanup) {
-            cleanup();
-          }
-          return callWithAsyncErrorHandling(
-            source,
-            instance,
-            3,
-            [onCleanup]
-          );
-        };
-      }
-    } else {
-      getter = NOOP;
-      warnInvalidSource(source);
-    }
-    if (cb && !deep) {
-      const baseGetter = getter;
-      getter = () => {
-        const val = baseGetter();
-        if (isArray(val) && checkCompatEnabled$1("WATCH_ARRAY", instance)) {
-          traverse(val);
+          queueJob(job);
         }
-        return val;
       };
     }
-    if (cb && deep) {
-      const baseGetter = getter;
-      const depth = deep === true ? Infinity : deep;
-      getter = () => traverse(baseGetter(), depth);
-    }
-    let cleanup;
-    let onCleanup = (fn) => {
-      cleanup = effect.onStop = () => {
-        callWithErrorHandling(fn, instance, 4);
-        cleanup = effect.onStop = void 0;
-      };
-    };
-    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;
-      }
+    baseWatchOptions.augmentJob = (job) => {
       if (cb) {
-        const newValue = effect.run();
-        if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue)) || isArray(newValue) && isCompatEnabled$1("WATCH_ARRAY", instance)) {
-          if (cleanup) {
-            cleanup();
-          }
-          callWithAsyncErrorHandling(cb, instance, 3, [
-            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,
-            onCleanup
-          ]);
-          oldValue = newValue;
-        }
-      } else {
-        effect.run();
+        job.flags |= 4;
       }
-    };
-    if (cb) job.flags |= 4;
-    const effect = new ReactiveEffect(getter);
-    let scheduler;
-    if (flush === "sync") {
-      effect.flags |= 64;
-      scheduler = job;
-    } else if (flush === "post") {
-      scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
-    } else {
-      job.flags |= 2;
-      if (instance) job.id = instance.uid;
-      scheduler = () => queueJob(job);
-    }
-    effect.scheduler = scheduler;
-    const scope = getCurrentScope();
-    const watchHandle = () => {
-      effect.stop();
-      if (scope) {
-        remove(scope.effects, effect);
+      if (isPre) {
+        job.flags |= 2;
+        if (instance) {
+          job.id = instance.uid;
+          job.i = instance;
+        }
       }
     };
-    watchHandle.pause = effect.pause.bind(effect);
-    watchHandle.resume = effect.resume.bind(effect);
-    watchHandle.stop = watchHandle;
-    {
-      effect.onTrack = onTrack;
-      effect.onTrigger = onTrigger;
-    }
-    if (cb) {
-      if (immediate) {
-        job(true);
-      } else {
-        oldValue = effect.run();
-      }
-    } else if (flush === "post") {
-      queuePostRenderEffect(
-        effect.run.bind(effect),
-        instance && instance.suspense
-      );
-    } else {
-      effect.run();
-    }
+    const watchHandle = watch$1(source, cb, baseWatchOptions);
     return watchHandle;
   }
   function instanceWatch(source, value, options) {
@@ -9804,38 +9890,6 @@ If you want to remount the same app, move your app creation logic into a factory
       return cur;
     };
   }
-  function traverse(value, depth = Infinity, seen) {
-    if (depth <= 0 || !isObject(value) || value["__v_skip"]) {
-      return value;
-    }
-    seen = seen || /* @__PURE__ */ new Set();
-    if (seen.has(value)) {
-      return value;
-    }
-    seen.add(value);
-    depth--;
-    if (isRef(value)) {
-      traverse(value.value, depth, seen);
-    } else if (isArray(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(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;
-  }
 
   function useModel(props, name, options = EMPTY_OBJ) {
     const i = getCurrentInstance();
@@ -12076,7 +12130,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.0-beta.1";
+  const version = "3.5.0-beta.3";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -13016,7 +13070,6 @@ Expected function or array of functions, received type ${typeof value}.`
       this._ob = null;
       if (this.shadowRoot && _createApp !== createApp) {
         this._root = this.shadowRoot;
-        this._mount(_def);
       } else {
         if (this.shadowRoot) {
           warn(
@@ -13029,9 +13082,9 @@ Expected function or array of functions, received type ${typeof value}.`
         } else {
           this._root = this;
         }
-        if (!this._def.__asyncLoader) {
-          this._resolveProps(this._def);
-        }
+      }
+      if (!this._def.__asyncLoader) {
+        this._resolveProps(this._def);
       }
     }
     connectedCallback() {
@@ -13231,6 +13284,7 @@ Expected function or array of functions, received type ${typeof value}.`
         vnode.ce = (instance) => {
           this._instance = instance;
           instance.ce = this;
+          instance.isCE = true;
           {
             instance.ceReload = (newStyles) => {
               if (this._styles) {
@@ -14048,6 +14102,7 @@ Expected function or array of functions, received type ${typeof value}.`
     effectScope: effectScope,
     getCurrentInstance: getCurrentInstance,
     getCurrentScope: getCurrentScope,
+    getCurrentWatcher: getCurrentWatcher,
     getTransitionRawChildren: getTransitionRawChildren,
     guardReactiveProps: guardReactiveProps,
     h: h,
@@ -14090,6 +14145,7 @@ Expected function or array of functions, received type ${typeof value}.`
     onServerPrefetch: onServerPrefetch,
     onUnmounted: onUnmounted,
     onUpdated: onUpdated,
+    onWatcherCleanup: onWatcherCleanup,
     openBlock: openBlock,
     popScopeId: popScopeId,
     provide: provide,
@@ -15428,8 +15484,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   const validFirstIdentCharRE = /[A-Za-z_$\xA0-\uFFFF]/;
   const validIdentCharRE = /[\.\?\w$\xA0-\uFFFF]/;
   const whitespaceRE = /\s+[.[]\s*|\s*[.[]\s+/g;
-  const isMemberExpressionBrowser = (path) => {
-    path = path.trim().replace(whitespaceRE, (s) => s.trim());
+  const getExpSource = (exp) => exp.type === 4 ? exp.content : exp.loc.source;
+  const isMemberExpressionBrowser = (exp) => {
+    const path = getExpSource(exp).trim().replace(whitespaceRE, (s) => s.trim());
     let state = 0 /* inMemberExp */;
     let stateStack = [];
     let currentOpenBracketCount = 0;
@@ -15491,6 +15548,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     return !currentOpenBracketCount && !currentOpenParensCount;
   };
   const isMemberExpression = isMemberExpressionBrowser ;
+  const fnExpRE = /^\s*(async\s*)?(\([^)]*?\)|[\w$_]+)\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
+  const isFnExpressionBrowser = (exp) => fnExpRE.test(getExpSource(exp));
+  const isFnExpression = isFnExpressionBrowser ;
   function assert(condition, msg) {
     if (!condition) {
       throw new Error(msg || `unexpected compiler condition`);
@@ -15937,7 +15997,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           case 17:
           case 18:
           case 19:
+          // "
           case 20:
+          // '
           case 21:
             emitError(9, end);
             break;
@@ -16919,6 +16981,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           context.helper(TO_DISPLAY_STRING);
         }
         break;
+      // for container types, further traverse downwards
       case 9:
         for (let i2 = 0; i2 < node.branches.length; i2++) {
           traverseNode(node.branches[i2], context);
@@ -17271,6 +17334,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       case 21:
         genNodeList(node.body, context, true, false);
         break;
+      // SSR only types
       case 22:
         break;
       case 23:
@@ -17281,6 +17345,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         break;
       case 26:
         break;
+      /* istanbul ignore next */
       case 10:
         break;
       default:
@@ -18985,7 +19050,6 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     };
   }
 
-  const fnExpRE = /^\s*(async\s*)?(\([^)]*?\)|[\w$_]+)\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
   const transformOn$1 = (dir, node, context, augmentor) => {
     const { loc, modifiers, arg } = dir;
     if (!dir.exp && !modifiers.length) {
@@ -19029,8 +19093,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
     let shouldCache = context.cacheHandlers && !exp && !context.inVOnce;
     if (exp) {
-      const isMemberExp = isMemberExpression(exp.content);
-      const isInlineStatement = !(isMemberExp || fnExpRE.test(exp.content));
+      const isMemberExp = isMemberExpression(exp);
+      const isInlineStatement = !(isMemberExp || isFnExpression(exp));
       const hasMultipleStatements = exp.content.includes(`;`);
       {
         validateBrowserExpression(
@@ -19178,7 +19242,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       return createTransformProps();
     }
     const maybeRef = false;
-    if (!expString.trim() || !isMemberExpression(expString) && !maybeRef) {
+    if (!expString.trim() || !isMemberExpression(exp) && !maybeRef) {
       context.onError(
         createCompilerError(42, exp.loc)
       );
@@ -19289,27 +19353,35 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           case 34:
             inDouble = true;
             break;
+          // "
           case 39:
             inSingle = true;
             break;
+          // '
           case 96:
             inTemplateString = true;
             break;
+          // `
           case 40:
             paren++;
             break;
+          // (
           case 41:
             paren--;
             break;
+          // )
           case 91:
             square++;
             break;
+          // [
           case 93:
             square--;
             break;
+          // ]
           case 123:
             curly++;
             break;
+          // {
           case 125:
             curly--;
             break;