vue 3.6.0-alpha.7 → 3.6.0-beta.2

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* vue v3.6.0-alpha.7
+* vue v3.6.0-beta.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -827,13 +827,13 @@ var Vue = (function (exports) {
     }
   }
   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) {
@@ -2454,7 +2454,6 @@ var Vue = (function (exports) {
         instance,
         11,
         [
-          // eslint-disable-next-line no-restricted-syntax
           msg + args.map((a) => {
             var _a, _b;
             return (_b = (_a = a.toString) == null ? void 0 : _a.call(a)) != null ? _b : JSON.stringify(a);
@@ -2834,10 +2833,10 @@ var Vue = (function (exports) {
     }
   }
   let isFlushing = false;
-  function flushOnAppMount() {
+  function flushOnAppMount(instance) {
     if (!isFlushing) {
       isFlushing = true;
-      flushPreFlushCbs();
+      flushPreFlushCbs(instance);
       flushPostFlushCbs();
       isFlushing = false;
     }
@@ -3079,7 +3078,6 @@ var Vue = (function (exports) {
       // (#4815)
       typeof window !== "undefined" && // some envs mock window but not fully
       window.HTMLElement && // also exclude jsdom
-      // eslint-disable-next-line no-restricted-syntax
       !((_b = (_a = window.navigator) == null ? void 0 : _a.userAgent) == null ? void 0 : _b.includes("jsdom"))
     ) {
       const replay = target.__VUE_DEVTOOLS_HOOK_REPLAY__ = target.__VUE_DEVTOOLS_HOOK_REPLAY__ || [];
@@ -3252,7 +3250,175 @@ var Vue = (function (exports) {
     }
   }
 
-  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 === "");
@@ -3624,8 +3790,8 @@ var Vue = (function (exports) {
     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,
@@ -4878,9 +5044,17 @@ Server rendered element contains fewer child nodes than client vdom.`
     }
   }
 
-  const requestIdleCallback = getGlobalThis().requestIdleCallback || ((cb) => setTimeout(cb, 1));
-  const cancelIdleCallback = getGlobalThis().cancelIdleCallback || ((id) => clearTimeout(id));
+  let requestIdleCallback;
+  let cancelIdleCallback;
+  function ensureIdleCallbacks() {
+    if (!requestIdleCallback) {
+      const g = getGlobalThis();
+      requestIdleCallback = g.requestIdleCallback || ((cb) => setTimeout(cb, 1));
+      cancelIdleCallback = g.cancelIdleCallback || ((id) => clearTimeout(id));
+    }
+  }
   const hydrateOnIdle = (timeout = 1e4) => (hydrate) => {
+    ensureIdleCallbacks();
     const id = requestIdleCallback(hydrate, { timeout });
     return () => cancelIdleCallback(id);
   };
@@ -5232,7 +5406,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);
           }
@@ -5534,7 +5710,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;
@@ -5725,14 +5901,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;
   }
@@ -6701,174 +6877,6 @@ 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();
-        }
-      }
-    }
-  }
-  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;
-    };
-  }
-
   function useModel(props, name, options = EMPTY_OBJ) {
     const i = getCurrentGenericInstance();
     if (!i) {
@@ -7953,6 +7961,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);
@@ -8101,7 +8117,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);
+          }
         }
       }
     };
@@ -8487,7 +8511,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,
@@ -9175,8 +9199,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(
@@ -9481,9 +9505,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(
@@ -9497,7 +9523,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,
@@ -9587,9 +9613,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;
@@ -9625,16 +9655,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 {
@@ -9690,6 +9728,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;
@@ -10184,7 +10232,7 @@ app.use(vaporInteropPlugin)
       parentSuspense,
       parentComponent,
       node.parentNode,
-      // eslint-disable-next-line no-restricted-globals
+      // oxlint-disable-next-line no-restricted-globals
       document.createElement("div"),
       null,
       namespace,
@@ -10272,11 +10320,11 @@ app.use(vaporInteropPlugin)
     return suspensible != null && suspensible !== false;
   }
 
-  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) {
@@ -10668,7 +10716,7 @@ Component that was made reactive: `,
       simpleSetCurrentInstance(instance);
     }
   };
-  const internalOptions = ["ce", "type"];
+  const internalOptions = ["ce", "type", "uid"];
   const useInstanceOption = (key, silent = false) => {
     const instance = getCurrentGenericInstance();
     if (!instance) {
@@ -10688,7 +10736,7 @@ Component that was made reactive: `,
     return { hasInstance: true, value: instance[key] };
   };
 
-  const emptyAppContext = createAppContext();
+  const emptyAppContext = /* @__PURE__ */ createAppContext();
   let uid = 0;
   function createComponentInstance(vnode, parent, suspense) {
     const type = vnode.type;
@@ -11318,7 +11366,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.6.0-alpha.7";
+  const version = "3.6.0-beta.2";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -11411,7 +11459,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,
@@ -11704,8 +11752,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",
@@ -11747,7 +11795,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);
@@ -12008,7 +12056,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];
@@ -12658,8 +12706,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;
     return t;
@@ -12822,7 +12870,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);
@@ -13270,81 +13318,81 @@ Make sure to use the production build (*.prod.js) when deploying for production.
     }
   }
 
-  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`,
@@ -13639,14 +13687,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,
@@ -14394,7 +14456,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.`,
@@ -14406,16 +14468,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;
@@ -16508,7 +16571,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
@@ -17271,7 +17334,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: ""
@@ -17818,7 +17881,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)}`;
@@ -18051,6 +18114,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)
@@ -18130,7 +18197,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
               )
             );
@@ -18174,17 +18241,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
@@ -18212,26 +18279,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({
@@ -18342,31 +18409,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;
     }
@@ -18384,12 +18451,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;
     }
@@ -18415,7 +18482,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
         )
       );
@@ -18425,7 +18492,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
           )
         );
@@ -18453,7 +18520,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
                   )
                 );
@@ -18479,7 +18546,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
         )
       );
@@ -18584,7 +18651,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 {
@@ -18608,7 +18675,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: ""
@@ -18643,7 +18710,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
         )
       );
@@ -18924,6 +18991,7 @@ ${codeFrame}` : message);
   exports.ErrorTypeStrings = ErrorTypeStrings;
   exports.Fragment = Fragment;
   exports.KeepAlive = KeepAlive;
+  exports.MoveType = MoveType;
   exports.ReactiveEffect = ReactiveEffect;
   exports.Static = Static;
   exports.Suspense = Suspense;