@vue/compat 3.6.0-alpha.7 → 3.6.0-beta.1

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.6.0-alpha.7
+* @vue/compat v3.6.0-beta.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -827,13 +827,13 @@ var Vue = (function () {
     }
   }
   const targetMap = /* @__PURE__ */ new WeakMap();
-  const ITERATE_KEY = Symbol(
+  const ITERATE_KEY = /* @__PURE__ */ Symbol(
     "Object iterate" 
   );
-  const MAP_KEY_ITERATE_KEY = Symbol(
+  const MAP_KEY_ITERATE_KEY = /* @__PURE__ */ Symbol(
     "Map keys iterate" 
   );
-  const ARRAY_ITERATE_KEY = Symbol(
+  const ARRAY_ITERATE_KEY = /* @__PURE__ */ Symbol(
     "Array iterate" 
   );
   function track(target, type, key) {
@@ -2834,10 +2834,10 @@ var Vue = (function () {
     }
   }
   let isFlushing = false;
-  function flushOnAppMount() {
+  function flushOnAppMount(instance) {
     if (!isFlushing) {
       isFlushing = true;
-      flushPreFlushCbs();
+      flushPreFlushCbs(instance);
       flushPostFlushCbs();
       isFlushing = false;
     }
@@ -3571,65 +3571,6 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
     return instance.proxy;
   }
 
-  const compatModelEventPrefix = `onModelCompat:`;
-  const warnedTypes = /* @__PURE__ */ new WeakSet();
-  function convertLegacyVModelProps(vnode) {
-    const { type, shapeFlag, props, dynamicProps } = vnode;
-    const comp = type;
-    if (shapeFlag & 6 && props && "modelValue" in props) {
-      if (!isCompatEnabled$1(
-        "COMPONENT_V_MODEL",
-        // this is a special case where we want to use the vnode component's
-        // compat config instead of the current rendering instance (which is the
-        // parent of the component that exposes v-model)
-        { type }
-      )) {
-        return;
-      }
-      if (!warnedTypes.has(comp)) {
-        pushWarningContext(vnode);
-        warnDeprecation$1("COMPONENT_V_MODEL", { type }, comp);
-        popWarningContext();
-        warnedTypes.add(comp);
-      }
-      const model = comp.model || {};
-      applyModelFromMixins(model, comp.mixins);
-      const { prop = "value", event = "input" } = model;
-      if (prop !== "modelValue") {
-        props[prop] = props.modelValue;
-        delete props.modelValue;
-      }
-      if (dynamicProps) {
-        dynamicProps[dynamicProps.indexOf("modelValue")] = prop;
-      }
-      props[compatModelEventPrefix + event] = props["onUpdate:modelValue"];
-      delete props["onUpdate:modelValue"];
-    }
-  }
-  function applyModelFromMixins(model, mixins) {
-    if (mixins) {
-      mixins.forEach((m) => {
-        if (m.model) extend(model, m.model);
-        if (m.mixins) applyModelFromMixins(model, m.mixins);
-      });
-    }
-  }
-  function compatModelEmit(instance, event, args) {
-    if (!isCompatEnabled$1("COMPONENT_V_MODEL", instance)) {
-      return;
-    }
-    const props = instance.vnode.props;
-    const modelHandler = props && props[compatModelEventPrefix + event];
-    if (modelHandler) {
-      callWithErrorHandling(
-        modelHandler,
-        instance,
-        6,
-        args
-      );
-    }
-  }
-
   let currentRenderingInstance = null;
   let currentScopeId = null;
   function setCurrentRenderingInstance(instance) {
@@ -3780,7 +3721,175 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
     }
   }
 
-  const TeleportEndKey = Symbol("_vte");
+  function provide(key, value) {
+    {
+      if (!currentInstance || currentInstance.isMounted && !isHmrUpdating) {
+        warn$1(`provide() can only be used inside setup().`);
+      }
+    }
+    if (currentInstance) {
+      let provides = currentInstance.provides;
+      const parentProvides = currentInstance.parent && currentInstance.parent.provides;
+      if (parentProvides === provides) {
+        provides = currentInstance.provides = Object.create(parentProvides);
+      }
+      provides[key] = value;
+    }
+  }
+  function inject(key, defaultValue, treatDefaultAsFactory = false) {
+    const instance = getCurrentGenericInstance();
+    if (instance || currentApp) {
+      let provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null || instance.ce ? instance.appContext && instance.appContext.provides : instance.parent.provides : void 0;
+      if (provides && key in provides) {
+        return provides[key];
+      } else if (arguments.length > 1) {
+        return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance && instance.proxy) : defaultValue;
+      } else {
+        warn$1(`injection "${String(key)}" not found.`);
+      }
+    } else {
+      warn$1(`inject() can only be used inside setup() or functional components.`);
+    }
+  }
+  function hasInjectionContext() {
+    return !!(getCurrentGenericInstance() || currentApp);
+  }
+
+  const ssrContextKey = /* @__PURE__ */ Symbol.for("v-scx");
+  const useSSRContext = () => {
+    {
+      warn$1(`useSSRContext() is not supported in the global build.`);
+    }
+  };
+
+  function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
+  }
+  function watchPostEffect(effect, options) {
+    return doWatch(
+      effect,
+      null,
+      extend({}, options, { flush: "post" }) 
+    );
+  }
+  function watchSyncEffect(effect, options) {
+    return doWatch(
+      effect,
+      null,
+      extend({}, options, { flush: "sync" }) 
+    );
+  }
+  function watch(source, cb, options) {
+    if (!isFunction(cb)) {
+      warn$1(
+        `\`watch(fn, options?)\` signature has been moved to a separate API. Use \`watchEffect(fn, options?)\` instead. \`watch\` now only supports \`watch(source, cb, options?) signature.`
+      );
+    }
+    return doWatch(source, cb, options);
+  }
+  class RenderWatcherEffect extends WatcherEffect {
+    constructor(instance, source, cb, options, flush) {
+      super(source, cb, options);
+      this.flush = flush;
+      const job = () => {
+        if (this.dirty) {
+          this.run();
+        }
+      };
+      if (cb) {
+        this.flags |= 128;
+        job.flags |= 2;
+      }
+      if (instance) {
+        job.i = instance;
+      }
+      this.job = job;
+    }
+    notify() {
+      const flags = this.flags;
+      if (!(flags & 256)) {
+        const flush = this.flush;
+        const job = this.job;
+        if (flush === "post") {
+          queuePostRenderEffect(job, void 0, job.i ? job.i.suspense : null);
+        } else if (flush === "pre") {
+          queueJob(job, job.i ? job.i.uid : void 0, true);
+        } else {
+          job();
+        }
+      }
+    }
+  }
+  function doWatch(source, cb, options = EMPTY_OBJ) {
+    const { immediate, deep, flush = "pre", once } = options;
+    if (!cb) {
+      if (immediate !== void 0) {
+        warn$1(
+          `watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.`
+        );
+      }
+      if (deep !== void 0) {
+        warn$1(
+          `watch() "deep" option is only respected when using the watch(source, callback, options?) signature.`
+        );
+      }
+      if (once !== void 0) {
+        warn$1(
+          `watch() "once" option is only respected when using the watch(source, callback, options?) signature.`
+        );
+      }
+    }
+    const baseWatchOptions = extend({}, options);
+    baseWatchOptions.onWarn = warn$1;
+    const instance = currentInstance;
+    baseWatchOptions.call = (fn, type, args) => callWithAsyncErrorHandling(fn, instance, type, args);
+    const effect = new RenderWatcherEffect(
+      instance,
+      source,
+      cb,
+      baseWatchOptions,
+      flush
+    );
+    if (cb) {
+      effect.run(true);
+    } else if (flush === "post") {
+      queuePostRenderEffect(effect.job, void 0, instance && instance.suspense);
+    } 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;
+  }
+  function instanceWatch(source, value, options) {
+    const publicThis = this.proxy;
+    const getter = isString(source) ? source.includes(".") ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
+    let cb;
+    if (isFunction(value)) {
+      cb = value;
+    } else {
+      cb = value.handler;
+      options = value;
+    }
+    const prev = setCurrentInstance(this);
+    const res = doWatch(getter, cb.bind(publicThis), options);
+    setCurrentInstance(...prev);
+    return res;
+  }
+  function createPathGetter(ctx, path) {
+    const segments = path.split(".");
+    return () => {
+      let cur = ctx;
+      for (let i = 0; i < segments.length && cur; i++) {
+        cur = cur[segments[i]];
+      }
+      return cur;
+    };
+  }
+
+  const TeleportEndKey = /* @__PURE__ */ Symbol("_vte");
   const isTeleport = (type) => type.__isTeleport;
   const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === "");
   const isTeleportDeferred = (props) => props && (props.defer || props.defer === "");
@@ -4152,8 +4261,8 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
     return targetAnchor;
   }
 
-  const leaveCbKey = Symbol("_leaveCb");
-  const enterCbKey$1 = Symbol("_enterCb");
+  const leaveCbKey = /* @__PURE__ */ Symbol("_leaveCb");
+  const enterCbKey$1 = /* @__PURE__ */ Symbol("_enterCb");
   function useTransitionState() {
     const state = {
       isMounted: false,
@@ -5763,7 +5872,9 @@ Server rendered element contains fewer child nodes than client vdom.`
       }
       function pruneCache(filter) {
         cache.forEach((vnode, key) => {
-          const name = getComponentName(vnode.type);
+          const name = getComponentName(
+            isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : vnode.type
+          );
           if (name && !filter(name)) {
             pruneCacheEntry(key);
           }
@@ -6105,7 +6216,7 @@ Server rendered element contains fewer child nodes than client vdom.`
   function resolveComponent(name, maybeSelfReference) {
     return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
   }
-  const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
+  const NULL_DYNAMIC_COMPONENT = /* @__PURE__ */ Symbol.for("v-ndc");
   function resolveDynamicComponent(component) {
     if (isString(component)) {
       return resolveAsset(COMPONENTS, component, false) || component;
@@ -6547,14 +6658,14 @@ If this is a native custom element, make sure to exclude it from component resol
     }
   }
 
-  function toHandlers(obj, preserveCaseIfNecessary) {
+  function toHandlers(obj, preserveCaseIfNecessary, needWrap) {
     const ret = {};
     if (!isObject(obj)) {
       warn$1(`v-on with no argument expects an object value.`);
       return ret;
     }
     for (const key in obj) {
-      ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = obj[key];
+      ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = needWrap ? () => obj[key] : obj[key];
     }
     return ret;
   }
@@ -7692,7 +7803,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.6.0-alpha.7"}`;
+    Vue.version = `2.6.14-compat:${"3.6.0-beta.1"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -8256,172 +8367,70 @@ If you want to remount the same app, move your app creation logic into a factory
   }
   let currentApp = null;
 
-  function provide(key, value) {
-    {
-      if (!currentInstance || currentInstance.isMounted) {
-        warn$1(`provide() can only be used inside setup().`);
-      }
-    }
-    if (currentInstance) {
-      let provides = currentInstance.provides;
-      const parentProvides = currentInstance.parent && currentInstance.parent.provides;
-      if (parentProvides === provides) {
-        provides = currentInstance.provides = Object.create(parentProvides);
-      }
-      provides[key] = value;
-    }
-  }
-  function inject(key, defaultValue, treatDefaultAsFactory = false) {
-    const instance = getCurrentGenericInstance();
-    if (instance || currentApp) {
-      let provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null || instance.ce ? instance.appContext && instance.appContext.provides : instance.parent.provides : void 0;
-      if (provides && key in provides) {
-        return provides[key];
-      } else if (arguments.length > 1) {
-        return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance && instance.proxy) : defaultValue;
-      } else {
-        warn$1(`injection "${String(key)}" not found.`);
-      }
-    } else {
-      warn$1(`inject() can only be used inside setup() or functional components.`);
-    }
-  }
-  function hasInjectionContext() {
-    return !!(getCurrentGenericInstance() || currentApp);
-  }
-
-  const ssrContextKey = Symbol.for("v-scx");
-  const useSSRContext = () => {
-    {
-      warn$1(`useSSRContext() is not supported in the global build.`);
-    }
-  };
-
-  function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-  }
-  function watchPostEffect(effect, options) {
-    return doWatch(
-      effect,
-      null,
-      extend({}, options, { flush: "post" }) 
-    );
-  }
-  function watchSyncEffect(effect, options) {
-    return doWatch(
-      effect,
-      null,
-      extend({}, options, { flush: "sync" }) 
-    );
-  }
-  function watch(source, cb, options) {
-    if (!isFunction(cb)) {
-      warn$1(
-        `\`watch(fn, options?)\` signature has been moved to a separate API. Use \`watchEffect(fn, options?)\` instead. \`watch\` now only supports \`watch(source, cb, options?) signature.`
-      );
-    }
-    return doWatch(source, cb, options);
-  }
-  class RenderWatcherEffect extends WatcherEffect {
-    constructor(instance, source, cb, options, flush) {
-      super(source, cb, options);
-      this.flush = flush;
-      const job = () => {
-        if (this.dirty) {
-          this.run();
-        }
-      };
-      if (cb) {
-        this.flags |= 128;
-        job.flags |= 2;
-      }
-      if (instance) {
-        job.i = instance;
-      }
-      this.job = job;
-    }
-    notify() {
-      const flags = this.flags;
-      if (!(flags & 256)) {
-        const flush = this.flush;
-        const job = this.job;
-        if (flush === "post") {
-          queuePostRenderEffect(job, void 0, job.i ? job.i.suspense : null);
-        } else if (flush === "pre") {
-          queueJob(job, job.i ? job.i.uid : void 0, true);
-        } else {
-          job();
-        }
+  const compatModelEventPrefix = `onModelCompat:`;
+  const warnedTypes = /* @__PURE__ */ new WeakSet();
+  function convertLegacyVModelProps(vnode) {
+    const { type, shapeFlag, props, dynamicProps } = vnode;
+    const comp = type;
+    if (shapeFlag & 6 && props && "modelValue" in props) {
+      if (!isCompatEnabled$1(
+        "COMPONENT_V_MODEL",
+        // this is a special case where we want to use the vnode component's
+        // compat config instead of the current rendering instance (which is the
+        // parent of the component that exposes v-model)
+        { type }
+      )) {
+        return;
       }
-    }
-  }
-  function doWatch(source, cb, options = EMPTY_OBJ) {
-    const { immediate, deep, flush = "pre", once } = options;
-    if (!cb) {
-      if (immediate !== void 0) {
-        warn$1(
-          `watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.`
+      if (!warnedTypes.has(comp)) {
+        pushWarningContext(vnode);
+        warnDeprecation$1(
+          "COMPONENT_V_MODEL",
+          {
+            type,
+            appContext: vnode.ctx && vnode.ctx.appContext || createAppContext()
+          },
+          comp
         );
+        popWarningContext();
+        warnedTypes.add(comp);
       }
-      if (deep !== void 0) {
-        warn$1(
-          `watch() "deep" option is only respected when using the watch(source, callback, options?) signature.`
-        );
+      const model = comp.model || {};
+      applyModelFromMixins(model, comp.mixins);
+      const { prop = "value", event = "input" } = model;
+      if (prop !== "modelValue") {
+        props[prop] = props.modelValue;
+        delete props.modelValue;
       }
-      if (once !== void 0) {
-        warn$1(
-          `watch() "once" option is only respected when using the watch(source, callback, options?) signature.`
-        );
+      if (dynamicProps) {
+        dynamicProps[dynamicProps.indexOf("modelValue")] = prop;
       }
+      props[compatModelEventPrefix + event] = props["onUpdate:modelValue"];
+      delete props["onUpdate:modelValue"];
     }
-    const baseWatchOptions = extend({}, options);
-    baseWatchOptions.onWarn = warn$1;
-    const instance = currentInstance;
-    baseWatchOptions.call = (fn, type, args) => callWithAsyncErrorHandling(fn, instance, type, args);
-    const effect = new RenderWatcherEffect(
-      instance,
-      source,
-      cb,
-      baseWatchOptions,
-      flush
-    );
-    if (cb) {
-      effect.run(true);
-    } else if (flush === "post") {
-      queuePostRenderEffect(effect.job, void 0, instance && instance.suspense);
-    } 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;
   }
-  function instanceWatch(source, value, options) {
-    const publicThis = this.proxy;
-    const getter = isString(source) ? source.includes(".") ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
-    let cb;
-    if (isFunction(value)) {
-      cb = value;
-    } else {
-      cb = value.handler;
-      options = value;
+  function applyModelFromMixins(model, mixins) {
+    if (mixins) {
+      mixins.forEach((m) => {
+        if (m.model) extend(model, m.model);
+        if (m.mixins) applyModelFromMixins(model, m.mixins);
+      });
     }
-    const prev = setCurrentInstance(this);
-    const res = doWatch(getter, cb.bind(publicThis), options);
-    setCurrentInstance(...prev);
-    return res;
   }
-  function createPathGetter(ctx, path) {
-    const segments = path.split(".");
-    return () => {
-      let cur = ctx;
-      for (let i = 0; i < segments.length && cur; i++) {
-        cur = cur[segments[i]];
-      }
-      return cur;
-    };
+  function compatModelEmit(instance, event, args) {
+    if (!isCompatEnabled$1("COMPONENT_V_MODEL", instance)) {
+      return;
+    }
+    const props = instance.vnode.props;
+    const modelHandler = props && props[compatModelEventPrefix + event];
+    if (modelHandler) {
+      callWithErrorHandling(
+        modelHandler,
+        instance,
+        6,
+        args
+      );
+    }
   }
 
   function useModel(props, name, options = EMPTY_OBJ) {
@@ -9613,6 +9622,14 @@ If you want to remount the same app, move your app creation logic into a factory
     return supported;
   }
 
+  const MoveType = {
+    "ENTER": 0,
+    "0": "ENTER",
+    "LEAVE": 1,
+    "1": "LEAVE",
+    "REORDER": 2,
+    "2": "REORDER"
+  };
   const queuePostRenderEffect = queueEffectWithSuspense ;
   function createRenderer(options) {
     return baseCreateRenderer(options);
@@ -9761,7 +9778,15 @@ If you want to remount the same app, move your app creation logic into a factory
       } else {
         const el = n2.el = n1.el;
         if (n2.children !== n1.children) {
-          hostSetText(el, n2.children);
+          if (isHmrUpdating && n2.patchFlag === -1 && "__elIndex" in n1) {
+            const childNodes = container.childNodes;
+            const newChild = hostCreateText(n2.children);
+            const oldChild = childNodes[n2.__elIndex = n1.__elIndex];
+            hostInsert(newChild, container, oldChild);
+            hostRemove(oldChild);
+          } else {
+            hostSetText(el, n2.children);
+          }
         }
       }
     };
@@ -10147,7 +10172,7 @@ If you want to remount the same app, move your app creation logic into a factory
       } else {
         if (patchFlag > 0 && patchFlag & 64 && dynamicChildren && // #2715 the previous fragment could've been a BAILed one as a result
         // of renderSlot() with no valid children
-        n1.dynamicChildren) {
+        n1.dynamicChildren && n1.dynamicChildren.length === dynamicChildren.length) {
           patchBlockChildren(
             n1.dynamicChildren,
             dynamicChildren,
@@ -10863,8 +10888,8 @@ If you want to remount the same app, move your app creation logic into a factory
           const nextChild = c2[nextIndex];
           const anchorVNode = c2[nextIndex + 1];
           const anchor = nextIndex + 1 < l2 ? (
-            // #13559, fallback to el placeholder for unresolved async component
-            anchorVNode.el || anchorVNode.placeholder
+            // #13559, #14173 fallback to el placeholder for unresolved async component
+            anchorVNode.el || resolveAsyncComponentPlaceholder(anchorVNode)
           ) : parentAnchor;
           if (newIndexToOldIndexMap[i] === 0) {
             patch(
@@ -11179,9 +11204,11 @@ If you want to remount the same app, move your app creation logic into a factory
       return teleportEnd ? hostNextSibling(teleportEnd) : el;
     };
     const render = (vnode, container, namespace) => {
+      let instance;
       if (vnode == null) {
         if (container._vnode) {
           unmount(container._vnode, null, null, true);
+          instance = container._vnode.component;
         }
       } else {
         patch(
@@ -11195,7 +11222,7 @@ If you want to remount the same app, move your app creation logic into a factory
         );
       }
       container._vnode = vnode;
-      flushOnAppMount();
+      flushOnAppMount(instance);
     };
     const internals = {
       p: patch,
@@ -11287,9 +11314,13 @@ If you want to remount the same app, move your app creation logic into a factory
           if (!shallow && c2.patchFlag !== -2)
             traverseStaticChildren(c1, c2);
         }
-        if (c2.type === Text && // avoid cached text nodes retaining detached dom nodes
-        c2.patchFlag !== -1) {
-          c2.el = c1.el;
+        if (c2.type === Text) {
+          if (c2.patchFlag !== -1) {
+            c2.el = c1.el;
+          } else {
+            c2.__elIndex = i + // take fragment start anchor into account
+            (n1.type === Fragment ? 1 : 0);
+          }
         }
         if (c2.type === Comment && !c2.el) {
           c2.el = c1.el;
@@ -11325,16 +11356,24 @@ If you want to remount the same app, move your app creation logic into a factory
       insert();
     }
   }
-  function performTransitionLeave(el, transition, remove, isElement = true) {
+  function performTransitionLeave(el, transition, remove, isElement = true, force = false) {
     const performRemove = () => {
       remove();
       if (transition && !transition.persisted && transition.afterLeave) {
         transition.afterLeave();
       }
     };
-    if (isElement && transition && !transition.persisted) {
+    if (force || isElement && transition && !transition.persisted) {
       const { leave, delayLeave } = transition;
-      const performLeave = () => leave(el, performRemove);
+      const performLeave = () => {
+        if (el._isLeaving && force) {
+          el[leaveCbKey](
+            true
+            /* cancelled */
+          );
+        }
+        leave(el, performRemove);
+      };
       if (delayLeave) {
         delayLeave(el, performRemove, performLeave);
       } else {
@@ -11390,6 +11429,16 @@ app.use(vaporInteropPlugin)
     }
     return inheritedScopeIds;
   }
+  function resolveAsyncComponentPlaceholder(anchorVnode) {
+    if (anchorVnode.placeholder) {
+      return anchorVnode.placeholder;
+    }
+    const instance = anchorVnode.component;
+    if (instance) {
+      return resolveAsyncComponentPlaceholder(instance.subTree);
+    }
+    return null;
+  }
 
   const isSuspense = (type) => type.__isSuspense;
   let suspenseId = 0;
@@ -12029,11 +12078,11 @@ app.use(vaporInteropPlugin)
     return comp;
   }
 
-  const Fragment = Symbol.for("v-fgt");
-  const Text = Symbol.for("v-txt");
-  const Comment = Symbol.for("v-cmt");
-  const Static = Symbol.for("v-stc");
-  const VaporSlot = Symbol.for("v-vps");
+  const Fragment = /* @__PURE__ */ Symbol.for("v-fgt");
+  const Text = /* @__PURE__ */ Symbol.for("v-txt");
+  const Comment = /* @__PURE__ */ Symbol.for("v-cmt");
+  const Static = /* @__PURE__ */ Symbol.for("v-stc");
+  const VaporSlot = /* @__PURE__ */ Symbol.for("v-vps");
   const blockStack = [];
   let currentBlock = null;
   function openBlock(disableTracking = false) {
@@ -13097,7 +13146,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.6.0-alpha.7";
+  const version = "3.6.0-beta.1";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -13197,7 +13246,7 @@ Component that was made reactive: `,
 
   const TRANSITION$1 = "transition";
   const ANIMATION = "animation";
-  const vtcKey = Symbol("_vtc");
+  const vtcKey = /* @__PURE__ */ Symbol("_vtc");
   const DOMTransitionPropsValidators = {
     name: String,
     type: String,
@@ -13527,8 +13576,8 @@ Component that was made reactive: `,
     }
   }
 
-  const vShowOriginalDisplay = Symbol("_vod");
-  const vShowHidden = Symbol("_vsh");
+  const vShowOriginalDisplay = /* @__PURE__ */ Symbol("_vod");
+  const vShowHidden = /* @__PURE__ */ Symbol("_vsh");
   const vShow = {
     // used for prop mismatch check during hydration
     name: "show",
@@ -13570,7 +13619,7 @@ Component that was made reactive: `,
     el[vShowHidden] = !value;
   }
 
-  const CSS_VAR_TEXT = Symbol("CSS_VAR_TEXT" );
+  const CSS_VAR_TEXT = /* @__PURE__ */ Symbol("CSS_VAR_TEXT" );
   function useCssVars(getter) {
     const instance = getCurrentInstance();
     const getVars = () => getter(instance.proxy);
@@ -13780,7 +13829,7 @@ Component that was made reactive: `,
   const isEnumeratedAttr = /* @__PURE__ */ makeMap("contenteditable,draggable,spellcheck") ;
   function compatCoerceAttr(el, key, value, instance = null) {
     if (isEnumeratedAttr(key)) {
-      const v2CoercedValue = value === null ? "false" : typeof value !== "boolean" && value !== void 0 ? "true" : null;
+      const v2CoercedValue = value === void 0 ? null : value === null || value === false || value === "false" ? "false" : "true";
       if (v2CoercedValue && compatUtils.softAssertCompatEnabled(
         "ATTR_ENUMERATED_COERCION",
         instance,
@@ -13875,7 +13924,7 @@ Component that was made reactive: `,
   function removeEventListener(el, event, handler, options) {
     el.removeEventListener(event, handler, options);
   }
-  const veiKey = Symbol("_vei");
+  const veiKey = /* @__PURE__ */ Symbol("_vei");
   function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
     const invokers = el[veiKey] || (el[veiKey] = {});
     const existingInvoker = invokers[rawName];
@@ -14525,8 +14574,8 @@ Expected function or array of functions, received type ${typeof value}.`
 
   const positionMap = /* @__PURE__ */ new WeakMap();
   const newPositionMap = /* @__PURE__ */ new WeakMap();
-  const moveCbKey = Symbol("_moveCb");
-  const enterCbKey = Symbol("_enterCb");
+  const moveCbKey = /* @__PURE__ */ Symbol("_moveCb");
+  const enterCbKey = /* @__PURE__ */ Symbol("_enterCb");
   const decorate = (t) => {
     delete t.props.mode;
     {
@@ -14698,7 +14747,7 @@ Expected function or array of functions, received type ${typeof value}.`
       target.dispatchEvent(new Event("input"));
     }
   }
-  const assignKey = Symbol("_assign");
+  const assignKey = /* @__PURE__ */ Symbol("_assign");
   const vModelText = {
     created(el, { modifiers: { lazy, trim, number } }, vnode) {
       el[assignKey] = getModelAssigner(vnode);
@@ -15193,6 +15242,7 @@ Expected function or array of functions, received type ${typeof value}.`
     ErrorTypeStrings: ErrorTypeStrings,
     Fragment: Fragment,
     KeepAlive: KeepAlive,
+    MoveType: MoveType,
     ReactiveEffect: ReactiveEffect,
     Static: Static,
     Suspense: Suspense,
@@ -15390,81 +15440,81 @@ Make sure to use the production build (*.prod.js) when deploying for production.
     return Vue;
   }
 
-  const FRAGMENT = Symbol(`Fragment` );
-  const TELEPORT = Symbol(`Teleport` );
-  const SUSPENSE = Symbol(`Suspense` );
-  const KEEP_ALIVE = Symbol(`KeepAlive` );
-  const BASE_TRANSITION = Symbol(
+  const FRAGMENT = /* @__PURE__ */ Symbol(`Fragment` );
+  const TELEPORT = /* @__PURE__ */ Symbol(`Teleport` );
+  const SUSPENSE = /* @__PURE__ */ Symbol(`Suspense` );
+  const KEEP_ALIVE = /* @__PURE__ */ Symbol(`KeepAlive` );
+  const BASE_TRANSITION = /* @__PURE__ */ Symbol(
     `BaseTransition` 
   );
-  const OPEN_BLOCK = Symbol(`openBlock` );
-  const CREATE_BLOCK = Symbol(`createBlock` );
-  const CREATE_ELEMENT_BLOCK = Symbol(
+  const OPEN_BLOCK = /* @__PURE__ */ Symbol(`openBlock` );
+  const CREATE_BLOCK = /* @__PURE__ */ Symbol(`createBlock` );
+  const CREATE_ELEMENT_BLOCK = /* @__PURE__ */ Symbol(
     `createElementBlock` 
   );
-  const CREATE_VNODE = Symbol(`createVNode` );
-  const CREATE_ELEMENT_VNODE = Symbol(
+  const CREATE_VNODE = /* @__PURE__ */ Symbol(`createVNode` );
+  const CREATE_ELEMENT_VNODE = /* @__PURE__ */ Symbol(
     `createElementVNode` 
   );
-  const CREATE_COMMENT = Symbol(
+  const CREATE_COMMENT = /* @__PURE__ */ Symbol(
     `createCommentVNode` 
   );
-  const CREATE_TEXT = Symbol(
+  const CREATE_TEXT = /* @__PURE__ */ Symbol(
     `createTextVNode` 
   );
-  const CREATE_STATIC = Symbol(
+  const CREATE_STATIC = /* @__PURE__ */ Symbol(
     `createStaticVNode` 
   );
-  const RESOLVE_COMPONENT = Symbol(
+  const RESOLVE_COMPONENT = /* @__PURE__ */ Symbol(
     `resolveComponent` 
   );
-  const RESOLVE_DYNAMIC_COMPONENT = Symbol(
+  const RESOLVE_DYNAMIC_COMPONENT = /* @__PURE__ */ Symbol(
     `resolveDynamicComponent` 
   );
-  const RESOLVE_DIRECTIVE = Symbol(
+  const RESOLVE_DIRECTIVE = /* @__PURE__ */ Symbol(
     `resolveDirective` 
   );
-  const RESOLVE_FILTER = Symbol(
+  const RESOLVE_FILTER = /* @__PURE__ */ Symbol(
     `resolveFilter` 
   );
-  const WITH_DIRECTIVES = Symbol(
+  const WITH_DIRECTIVES = /* @__PURE__ */ Symbol(
     `withDirectives` 
   );
-  const RENDER_LIST = Symbol(`renderList` );
-  const RENDER_SLOT = Symbol(`renderSlot` );
-  const CREATE_SLOTS = Symbol(`createSlots` );
-  const TO_DISPLAY_STRING = Symbol(
+  const RENDER_LIST = /* @__PURE__ */ Symbol(`renderList` );
+  const RENDER_SLOT = /* @__PURE__ */ Symbol(`renderSlot` );
+  const CREATE_SLOTS = /* @__PURE__ */ Symbol(`createSlots` );
+  const TO_DISPLAY_STRING = /* @__PURE__ */ Symbol(
     `toDisplayString` 
   );
-  const MERGE_PROPS = Symbol(`mergeProps` );
-  const NORMALIZE_CLASS = Symbol(
+  const MERGE_PROPS = /* @__PURE__ */ Symbol(`mergeProps` );
+  const NORMALIZE_CLASS = /* @__PURE__ */ Symbol(
     `normalizeClass` 
   );
-  const NORMALIZE_STYLE = Symbol(
+  const NORMALIZE_STYLE = /* @__PURE__ */ Symbol(
     `normalizeStyle` 
   );
-  const NORMALIZE_PROPS = Symbol(
+  const NORMALIZE_PROPS = /* @__PURE__ */ Symbol(
     `normalizeProps` 
   );
-  const GUARD_REACTIVE_PROPS = Symbol(
+  const GUARD_REACTIVE_PROPS = /* @__PURE__ */ Symbol(
     `guardReactiveProps` 
   );
-  const TO_HANDLERS = Symbol(`toHandlers` );
-  const CAMELIZE = Symbol(`camelize` );
-  const CAPITALIZE = Symbol(`capitalize` );
-  const TO_HANDLER_KEY = Symbol(
+  const TO_HANDLERS = /* @__PURE__ */ Symbol(`toHandlers` );
+  const CAMELIZE = /* @__PURE__ */ Symbol(`camelize` );
+  const CAPITALIZE = /* @__PURE__ */ Symbol(`capitalize` );
+  const TO_HANDLER_KEY = /* @__PURE__ */ Symbol(
     `toHandlerKey` 
   );
-  const SET_BLOCK_TRACKING = Symbol(
+  const SET_BLOCK_TRACKING = /* @__PURE__ */ Symbol(
     `setBlockTracking` 
   );
-  const PUSH_SCOPE_ID = Symbol(`pushScopeId` );
-  const POP_SCOPE_ID = Symbol(`popScopeId` );
-  const WITH_CTX = Symbol(`withCtx` );
-  const UNREF = Symbol(`unref` );
-  const IS_REF = Symbol(`isRef` );
-  const WITH_MEMO = Symbol(`withMemo` );
-  const IS_MEMO_SAME = Symbol(`isMemoSame` );
+  const PUSH_SCOPE_ID = /* @__PURE__ */ Symbol(`pushScopeId` );
+  const POP_SCOPE_ID = /* @__PURE__ */ Symbol(`popScopeId` );
+  const WITH_CTX = /* @__PURE__ */ Symbol(`withCtx` );
+  const UNREF = /* @__PURE__ */ Symbol(`unref` );
+  const IS_REF = /* @__PURE__ */ Symbol(`isRef` );
+  const WITH_MEMO = /* @__PURE__ */ Symbol(`withMemo` );
+  const IS_MEMO_SAME = /* @__PURE__ */ Symbol(`isMemoSame` );
   const helperNameMap = {
     [FRAGMENT]: `Fragment`,
     [TELEPORT]: `Teleport`,
@@ -15759,14 +15809,28 @@ Make sure to use the production build (*.prod.js) when deploying for production.
     getPos(index) {
       let line = 1;
       let column = index + 1;
-      for (let i = this.newlines.length - 1; i >= 0; i--) {
-        const newlineIndex = this.newlines[i];
-        if (index > newlineIndex) {
-          line = i + 2;
-          column = index - newlineIndex;
-          break;
+      const length = this.newlines.length;
+      let j = -1;
+      if (length > 100) {
+        let l = -1;
+        let r = length;
+        while (l + 1 < r) {
+          const m = l + r >>> 1;
+          this.newlines[m] < index ? l = m : r = m;
+        }
+        j = l;
+      } else {
+        for (let i = length - 1; i >= 0; i--) {
+          if (index > this.newlines[i]) {
+            j = i;
+            break;
+          }
         }
       }
+      if (j >= 0) {
+        line = j + 2;
+        column = index - this.newlines[j];
+      }
       return {
         column,
         line,
@@ -16581,7 +16645,7 @@ Make sure to use the production build (*.prod.js) when deploying for production.
     [32]: `v-for has invalid expression.`,
     [33]: `<template v-for> key should be placed on the <template> tag.`,
     [34]: `v-bind is missing expression.`,
-    [52]: `v-bind with same-name shorthand only allows static argument.`,
+    [53]: `v-bind with same-name shorthand only allows static argument.`,
     [35]: `v-on is missing expression.`,
     [36]: `Unexpected custom directive on <slot> outlet.`,
     [37]: `Mixed v-slot usage on both the component and nested <template>. When there are multiple named slots, all slots should use <template> syntax to avoid scope ambiguity.`,
@@ -16593,16 +16657,17 @@ Make sure to use the production build (*.prod.js) when deploying for production.
     [43]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`,
     [44]: `v-model cannot be used on a prop, because local prop bindings are not writable.
 Use a v-bind binding combined with a v-on listener that emits update:x event instead.`,
-    [45]: `Error parsing JavaScript expression: `,
-    [46]: `<KeepAlive> expects exactly one child component.`,
-    [51]: `@vnode-* hooks in templates are no longer supported. Use the vue: prefix instead. For example, @vnode-mounted should be changed to @vue:mounted. @vnode-* hooks support has been removed in 3.4.`,
+    [45]: `v-model cannot be used on a const binding because it is not writable.`,
+    [46]: `Error parsing JavaScript expression: `,
+    [47]: `<KeepAlive> expects exactly one child component.`,
+    [52]: `@vnode-* hooks in templates are no longer supported. Use the vue: prefix instead. For example, @vnode-mounted should be changed to @vue:mounted. @vnode-* hooks support has been removed in 3.4.`,
     // generic errors
-    [47]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
-    [48]: `ES module mode is not supported in this build of compiler.`,
-    [49]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
-    [50]: `"scopeId" option is only supported in module mode.`,
+    [48]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
+    [49]: `ES module mode is not supported in this build of compiler.`,
+    [50]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
+    [51]: `"scopeId" option is only supported in module mode.`,
     // just to fulfill types
-    [53]: ``
+    [54]: ``
   };
 
   const isStaticExp = (p) => p.type === 4 && p.isStatic;
@@ -18792,7 +18857,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
       context.onError(
         createCompilerError(
-          45,
+          46,
           node.loc,
           void 0,
           message
@@ -19558,7 +19623,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           patchFlag |= 1024;
           if (node.children.length > 1) {
             context.onError(
-              createCompilerError(46, {
+              createCompilerError(47, {
                 start: node.children[0].loc.start,
                 end: node.children[node.children.length - 1].loc.end,
                 source: ""
@@ -20145,7 +20210,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       if (arg.isStatic) {
         let rawName = arg.content;
         if (rawName.startsWith("vnode")) {
-          context.onError(createCompilerError(51, arg.loc));
+          context.onError(createCompilerError(52, arg.loc));
         }
         if (rawName.startsWith("vue:")) {
           rawName = `vnode-${rawName.slice(4)}`;
@@ -20378,6 +20443,10 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       context.onError(createCompilerError(44, exp.loc));
       return createTransformProps();
     }
+    if (bindingType === "literal-const" || bindingType === "setup-const") {
+      context.onError(createCompilerError(45, exp.loc));
+      return createTransformProps();
+    }
     if (!expString.trim() || !isMemberExpression(exp) && true) {
       context.onError(
         createCompilerError(42, exp.loc)
@@ -20606,7 +20675,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           if (arg.type !== 4 || !arg.isStatic) {
             context.onError(
               createCompilerError(
-                52,
+                53,
                 arg.loc
               )
             );
@@ -20650,17 +20719,17 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     const isModuleMode = options.mode === "module";
     {
       if (options.prefixIdentifiers === true) {
-        onError(createCompilerError(47));
-      } else if (isModuleMode) {
         onError(createCompilerError(48));
+      } else if (isModuleMode) {
+        onError(createCompilerError(49));
       }
     }
     const prefixIdentifiers = false;
     if (options.cacheHandlers) {
-      onError(createCompilerError(49));
+      onError(createCompilerError(50));
     }
     if (options.scopeId && !isModuleMode) {
-      onError(createCompilerError(50));
+      onError(createCompilerError(51));
     }
     const resolvedOptions = extend({}, options, {
       prefixIdentifiers
@@ -20688,26 +20757,26 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
 
   const noopDirectiveTransform = () => ({ props: [] });
 
-  const V_MODEL_RADIO = Symbol(`vModelRadio` );
-  const V_MODEL_CHECKBOX = Symbol(
+  const V_MODEL_RADIO = /* @__PURE__ */ Symbol(`vModelRadio` );
+  const V_MODEL_CHECKBOX = /* @__PURE__ */ Symbol(
     `vModelCheckbox` 
   );
-  const V_MODEL_TEXT = Symbol(`vModelText` );
-  const V_MODEL_SELECT = Symbol(
+  const V_MODEL_TEXT = /* @__PURE__ */ Symbol(`vModelText` );
+  const V_MODEL_SELECT = /* @__PURE__ */ Symbol(
     `vModelSelect` 
   );
-  const V_MODEL_DYNAMIC = Symbol(
+  const V_MODEL_DYNAMIC = /* @__PURE__ */ Symbol(
     `vModelDynamic` 
   );
-  const V_ON_WITH_MODIFIERS = Symbol(
+  const V_ON_WITH_MODIFIERS = /* @__PURE__ */ Symbol(
     `vOnModifiersGuard` 
   );
-  const V_ON_WITH_KEYS = Symbol(
+  const V_ON_WITH_KEYS = /* @__PURE__ */ Symbol(
     `vOnKeysGuard` 
   );
-  const V_SHOW = Symbol(`vShow` );
-  const TRANSITION = Symbol(`Transition` );
-  const TRANSITION_GROUP = Symbol(
+  const V_SHOW = /* @__PURE__ */ Symbol(`vShow` );
+  const TRANSITION = /* @__PURE__ */ Symbol(`Transition` );
+  const TRANSITION_GROUP = /* @__PURE__ */ Symbol(
     `TransitionGroup` 
   );
   registerRuntimeHelpers({
@@ -20818,31 +20887,31 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     );
   }
   const DOMErrorMessages = {
-    [53]: `v-html is missing expression.`,
-    [54]: `v-html will override element children.`,
-    [55]: `v-text is missing expression.`,
-    [56]: `v-text will override element children.`,
-    [57]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
-    [58]: `v-model argument is not supported on plain elements.`,
-    [59]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
-    [60]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
-    [61]: `v-show is missing expression.`,
-    [62]: `<Transition> expects exactly one child element or component.`,
-    [63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`,
+    [54]: `v-html is missing expression.`,
+    [55]: `v-html will override element children.`,
+    [56]: `v-text is missing expression.`,
+    [57]: `v-text will override element children.`,
+    [58]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
+    [59]: `v-model argument is not supported on plain elements.`,
+    [60]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
+    [61]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
+    [62]: `v-show is missing expression.`,
+    [63]: `<Transition> expects exactly one child element or component.`,
+    [64]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`,
     // just to fulfill types
-    [64]: ``
+    [65]: ``
   };
 
   const transformVHtml = (dir, node, context) => {
     const { exp, loc } = dir;
     if (!exp) {
       context.onError(
-        createDOMCompilerError(53, loc)
+        createDOMCompilerError(54, loc)
       );
     }
     if (node.children.length) {
       context.onError(
-        createDOMCompilerError(54, loc)
+        createDOMCompilerError(55, loc)
       );
       node.children.length = 0;
     }
@@ -20860,12 +20929,12 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     const { exp, loc } = dir;
     if (!exp) {
       context.onError(
-        createDOMCompilerError(55, loc)
+        createDOMCompilerError(56, loc)
       );
     }
     if (node.children.length) {
       context.onError(
-        createDOMCompilerError(56, loc)
+        createDOMCompilerError(57, loc)
       );
       node.children.length = 0;
     }
@@ -20891,7 +20960,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     if (dir.arg) {
       context.onError(
         createDOMCompilerError(
-          58,
+          59,
           dir.arg.loc
         )
       );
@@ -20901,7 +20970,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       if (value && isStaticArgOf(value.arg, "value")) {
         context.onError(
           createDOMCompilerError(
-            60,
+            61,
             value.loc
           )
         );
@@ -20929,7 +20998,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
                 isInvalidType = true;
                 context.onError(
                   createDOMCompilerError(
-                    59,
+                    60,
                     dir.loc
                   )
                 );
@@ -20955,7 +21024,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     } else {
       context.onError(
         createDOMCompilerError(
-          57,
+          58,
           dir.loc
         )
       );
@@ -21066,7 +21135,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     const { exp, loc } = dir;
     if (!exp) {
       context.onError(
-        createDOMCompilerError(61, loc)
+        createDOMCompilerError(62, loc)
       );
     }
     return {
@@ -21090,7 +21159,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
       if (hasMultipleChildren(node)) {
         onError(
-          createDOMCompilerError(62, {
+          createDOMCompilerError(63, {
             start: node.children[0].loc.start,
             end: node.children[node.children.length - 1].loc.end,
             source: ""
@@ -21125,7 +21194,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
       context.onError(
         createDOMCompilerError(
-          63,
+          64,
           node.loc
         )
       );