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

package/dist/vue.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.6.0-alpha.6
+* @vue/compat v3.6.0-beta.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -7,7 +7,7 @@
 
 var parser = require('@babel/parser');
 var estreeWalker = require('estree-walker');
-var decode_js = require('entities/lib/decode.js');
+var decode = require('entities/decode');
 var sourceMapJs = require('source-map-js');
 
 // @__NO_SIDE_EFFECTS__
@@ -877,13 +877,13 @@ class Dep {
   }
 }
 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) {
@@ -2123,6 +2123,16 @@ class EffectScope {
       return;
     }
     this.flags = 1024;
+    this.reset();
+    const sub = this.subs;
+    if (sub !== void 0) {
+      unlink(sub);
+    }
+  }
+  /**
+   * @internal
+   */
+  reset() {
     let dep = this.deps;
     while (dep !== void 0) {
       const node = dep.dep;
@@ -2133,10 +2143,6 @@ class EffectScope {
         dep = unlink(dep, this);
       }
     }
-    const sub = this.subs;
-    if (sub !== void 0) {
-      unlink(sub);
-    }
     cleanup(this);
   }
 }
@@ -2878,10 +2884,10 @@ function flushPostFlushCbs(seen) {
   }
 }
 let isFlushing = false;
-function flushOnAppMount() {
+function flushOnAppMount(instance) {
   if (!isFlushing) {
     isFlushing = true;
-    flushPreFlushCbs();
+    flushPreFlushCbs(instance);
     flushPostFlushCbs();
     isFlushing = false;
   }
@@ -2948,6 +2954,7 @@ function checkRecursiveUpdates(seen, fn) {
 
 let isHmrUpdating = false;
 const hmrDirtyComponents = /* @__PURE__ */ new Map();
+const hmrDirtyComponentsMode = /* @__PURE__ */ new Map();
 {
   getGlobalThis().__VUE_HMR_RUNTIME__ = {
     createRecord: tryWrap(createRecord),
@@ -3011,9 +3018,10 @@ function reload(id, newComp) {
   const record = map.get(id);
   if (!record) return;
   newComp = normalizeClassComponent(newComp);
+  const isVapor = record.initialDef.__vapor;
   updateComponentDef(record.initialDef, newComp);
   const instances = [...record.instances];
-  if (newComp.__vapor && !instances.some((i) => i.ceReload)) {
+  if (isVapor && newComp.__vapor && !instances.some((i) => i.ceReload)) {
     for (const instance of instances) {
       if (instance.root && instance.root.ce && instance !== instance.root) {
         instance.root.ce._removeChildStyle(instance.type);
@@ -3033,6 +3041,7 @@ function reload(id, newComp) {
         hmrDirtyComponents.set(oldComp, dirtyInstances = /* @__PURE__ */ new Set());
       }
       dirtyInstances.add(instance);
+      hmrDirtyComponentsMode.set(oldComp, !!isVapor);
       instance.appContext.propsCache.delete(instance.type);
       instance.appContext.emitsCache.delete(instance.type);
       instance.appContext.optionsCache.delete(instance.type);
@@ -3073,6 +3082,7 @@ function reload(id, newComp) {
   }
   queuePostFlushCb(() => {
     hmrDirtyComponents.clear();
+    hmrDirtyComponentsMode.clear();
   });
 }
 function updateComponentDef(oldComp, newComp) {
@@ -3611,65 +3621,6 @@ function emit$1(instance, event, args) {
   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) {
@@ -3820,7 +3771,203 @@ function invokeDirectiveHook(vnode, prevVNode, instance, name) {
   }
 }
 
-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 = () => {
+  {
+    const ctx = inject(ssrContextKey);
+    if (!ctx) {
+      warn$1(
+        `Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build.`
+      );
+    }
+    return ctx;
+  }
+};
+
+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 runsImmediately = cb && immediate || !cb && flush !== "post";
+  let ssrCleanup;
+  if (isInSSRComponentSetup) {
+    if (flush === "sync") {
+      const ctx = useSSRContext();
+      ssrCleanup = ctx.__watcherHandles || (ctx.__watcherHandles = []);
+    } else if (!runsImmediately) {
+      const watchStopHandle = () => {
+      };
+      watchStopHandle.stop = NOOP;
+      watchStopHandle.resume = NOOP;
+      watchStopHandle.pause = NOOP;
+      return watchStopHandle;
+    }
+  }
+  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;
+  if (isInSSRComponentSetup) {
+    if (ssrCleanup) {
+      ssrCleanup.push(stop);
+    } else if (runsImmediately) {
+      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 === "");
@@ -4192,8 +4339,8 @@ function prepareAnchor(target, vnode, createText, insert) {
   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,
@@ -4231,7 +4378,7 @@ const BaseTransitionPropsValidators = {
   onAppearCancelled: TransitionHookValidator
 };
 const recursiveGetSubtree = (instance) => {
-  const subTree = instance.type.__vapor ? instance.block : instance.subTree;
+  const subTree = isVaporComponent(instance.type) ? instance.block : instance.subTree;
   return subTree.component ? recursiveGetSubtree(subTree.component) : subTree;
 };
 const BaseTransitionImpl = {
@@ -4541,7 +4688,7 @@ function getInnerChild$1(vnode) {
 }
 function setTransitionHooks(vnode, hooks) {
   if (vnode.shapeFlag & 6 && vnode.component) {
-    if (vnode.type.__vapor) {
+    if (isVaporComponent(vnode.type)) {
       getVaporInterface(vnode.component, vnode).setTransitionHooks(
         vnode.component,
         hooks
@@ -5809,7 +5956,9 @@ const KeepAliveImpl = {
     }
     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);
         }
@@ -6148,7 +6297,7 @@ const FILTERS = "filters";
 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;
@@ -6590,14 +6739,14 @@ function ensureVaporSlotFallback(vnodes, fallback) {
   }
 }
 
-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;
 }
@@ -7738,7 +7887,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.6.0-alpha.6"}`;
+  Vue.version = `2.6.14-compat:${"3.6.0-beta.1"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -8238,264 +8387,134 @@ function createAppAPI(mount, unmount, getPublicInstance, render) {
 If you want to remount the same app, move your app creation logic into a factory function and create fresh app instances for each mount - e.g. \`const createMyApp = () => createApp(App)\``
           );
         }
-      },
-      onUnmount(cleanupFn) {
-        if (typeof cleanupFn !== "function") {
-          warn$1(
-            `Expected function as first argument to app.onUnmount(), but got ${typeof cleanupFn}`
-          );
-        }
-        pluginCleanupFns.push(cleanupFn);
-      },
-      unmount() {
-        if (isMounted) {
-          callWithAsyncErrorHandling(
-            pluginCleanupFns,
-            app._instance,
-            16
-          );
-          unmount(app);
-          {
-            app._instance = null;
-            devtoolsUnmountApp(app);
-          }
-          delete app._container.__vue_app__;
-        } else {
-          warn$1(`Cannot unmount an app that is not mounted.`);
-        }
-      },
-      provide(key, value) {
-        if (key in context.provides) {
-          if (hasOwn(context.provides, key)) {
-            warn$1(
-              `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
-            );
-          } else {
-            warn$1(
-              `App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`
-            );
-          }
-        }
-        context.provides[key] = value;
-        return app;
-      },
-      runWithContext(fn) {
-        const lastApp = currentApp;
-        currentApp = app;
-        try {
-          return fn();
-        } finally {
-          currentApp = lastApp;
-        }
-      }
-    };
-    {
-      installAppCompatProperties(
-        app,
-        context,
-        // vapor doesn't have compat mode so this is always passed
-        render
-      );
-    }
-    return app;
-  };
-}
-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 = () => {
-  {
-    const ctx = inject(ssrContextKey);
-    if (!ctx) {
-      warn$1(
-        `Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build.`
-      );
-    }
-    return ctx;
-  }
-};
-
-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();
+      },
+      onUnmount(cleanupFn) {
+        if (typeof cleanupFn !== "function") {
+          warn$1(
+            `Expected function as first argument to app.onUnmount(), but got ${typeof cleanupFn}`
+          );
+        }
+        pluginCleanupFns.push(cleanupFn);
+      },
+      unmount() {
+        if (isMounted) {
+          callWithAsyncErrorHandling(
+            pluginCleanupFns,
+            app._instance,
+            16
+          );
+          unmount(app);
+          {
+            app._instance = null;
+            devtoolsUnmountApp(app);
+          }
+          delete app._container.__vue_app__;
+        } else {
+          warn$1(`Cannot unmount an app that is not mounted.`);
+        }
+      },
+      provide(key, value) {
+        if (key in context.provides) {
+          if (hasOwn(context.provides, key)) {
+            warn$1(
+              `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
+            );
+          } else {
+            warn$1(
+              `App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`
+            );
+          }
+        }
+        context.provides[key] = value;
+        return app;
+      },
+      runWithContext(fn) {
+        const lastApp = currentApp;
+        currentApp = app;
+        try {
+          return fn();
+        } finally {
+          currentApp = lastApp;
+        }
       }
     };
-    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.`
+    {
+      installAppCompatProperties(
+        app,
+        context,
+        // vapor doesn't have compat mode so this is always passed
+        render
       );
     }
-    if (deep !== void 0) {
-      warn$1(
-        `watch() "deep" option is only respected when using the watch(source, callback, options?) signature.`
-      );
+    return app;
+  };
+}
+let currentApp = null;
+
+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 (once !== void 0) {
-      warn$1(
-        `watch() "once" 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);
     }
-  }
-  const baseWatchOptions = extend({}, options);
-  baseWatchOptions.onWarn = warn$1;
-  const runsImmediately = cb && immediate || !cb && flush !== "post";
-  let ssrCleanup;
-  if (isInSSRComponentSetup) {
-    if (flush === "sync") {
-      const ctx = useSSRContext();
-      ssrCleanup = ctx.__watcherHandles || (ctx.__watcherHandles = []);
-    } else if (!runsImmediately) {
-      const watchStopHandle = () => {
-      };
-      watchStopHandle.stop = NOOP;
-      watchStopHandle.resume = NOOP;
-      watchStopHandle.pause = NOOP;
-      return watchStopHandle;
+    const model = comp.model || {};
+    applyModelFromMixins(model, comp.mixins);
+    const { prop = "value", event = "input" } = model;
+    if (prop !== "modelValue") {
+      props[prop] = props.modelValue;
+      delete props.modelValue;
     }
-  }
-  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;
-  if (isInSSRComponentSetup) {
-    if (ssrCleanup) {
-      ssrCleanup.push(stop);
-    } else if (runsImmediately) {
-      stop();
+    if (dynamicProps) {
+      dynamicProps[dynamicProps.indexOf("modelValue")] = prop;
     }
+    props[compatModelEventPrefix + event] = props["onUpdate:modelValue"];
+    delete props["onUpdate:modelValue"];
   }
-  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) {
@@ -9687,6 +9706,14 @@ function isSupported() {
   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);
@@ -9756,7 +9783,13 @@ function baseCreateRenderer(options, createHydrationFns) {
         );
         break;
       case VaporSlot:
-        getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor);
+        getVaporInterface(parentComponent, n2).slot(
+          n1,
+          n2,
+          container,
+          anchor,
+          parentComponent
+        );
         break;
       default:
         if (shapeFlag & 1) {
@@ -9829,7 +9862,15 @@ function baseCreateRenderer(options, createHydrationFns) {
     } 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);
+        }
       }
     }
   };
@@ -10215,7 +10256,7 @@ function baseCreateRenderer(options, createHydrationFns) {
     } 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,
@@ -10931,8 +10972,8 @@ function baseCreateRenderer(options, createHydrationFns) {
         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(
@@ -10965,7 +11006,7 @@ function baseCreateRenderer(options, createHydrationFns) {
   const move = (vnode, container, anchor, moveType, parentComponent, parentSuspense = null) => {
     const { el, type, transition, children, shapeFlag } = vnode;
     if (shapeFlag & 6) {
-      if (type.__vapor) {
+      if (isVaporComponent(type)) {
         getVaporInterface(parentComponent, vnode).move(vnode, container, anchor);
       } else {
         move(
@@ -11075,7 +11116,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       parentComponent.renderCache[cacheIndex] = void 0;
     }
     if (shapeFlag & 256) {
-      if (vnode.type.__vapor) {
+      if (isVaporComponent(vnode.type)) {
         getVaporInterface(parentComponent, vnode).deactivate(
           vnode,
           parentComponent.ctx.getStorageContainer()
@@ -11092,7 +11133,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       invokeVNodeHook(vnodeHook, parentComponent, vnode);
     }
     if (shapeFlag & 6) {
-      if (type.__vapor) {
+      if (isVaporComponent(type)) {
         getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove);
         return;
       } else {
@@ -11234,7 +11275,7 @@ function baseCreateRenderer(options, createHydrationFns) {
   };
   const getNextHostNode = (vnode) => {
     if (vnode.shapeFlag & 6) {
-      if (vnode.type.__vapor) {
+      if (isVaporComponent(vnode.type)) {
         return hostNextSibling(vnode.anchor);
       }
       return getNextHostNode(vnode.component.subTree);
@@ -11247,9 +11288,11 @@ function baseCreateRenderer(options, createHydrationFns) {
     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(
@@ -11263,7 +11306,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       );
     }
     container._vnode = vnode;
-    flushOnAppMount();
+    flushOnAppMount(instance);
   };
   const internals = {
     p: patch,
@@ -11355,9 +11398,13 @@ function traverseStaticChildren(n1, n2, shallow = false) {
         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;
@@ -11393,16 +11440,24 @@ function performTransitionEnter(el, transition, insert, parentSuspense, force =
     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 {
@@ -11426,6 +11481,12 @@ app.use(vaporInteropPlugin)
   }
   return res;
 }
+function isVaporComponent(type) {
+  if (isHmrUpdating && hmrDirtyComponentsMode.has(type)) {
+    return hmrDirtyComponentsMode.get(type);
+  }
+  return type.__vapor;
+}
 function getInheritedScopeIds(vnode, parentComponent) {
   const inheritedScopeIds = [];
   let currentParent = parentComponent;
@@ -11452,6 +11513,16 @@ function getInheritedScopeIds(vnode, parentComponent) {
   }
   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;
@@ -12091,11 +12162,11 @@ function convertLegacyComponent(comp, instance) {
   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) {
@@ -13173,7 +13244,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.6.0-alpha.6";
+const version = "3.6.0-beta.1";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -13285,7 +13356,7 @@ const nodeOps = {
 
 const TRANSITION$1 = "transition";
 const ANIMATION = "animation";
-const vtcKey = Symbol("_vtc");
+const vtcKey = /* @__PURE__ */ Symbol("_vtc");
 const DOMTransitionPropsValidators = {
   name: String,
   type: String,
@@ -13615,8 +13686,8 @@ function patchClass(el, value, isSVG) {
   }
 }
 
-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",
@@ -13665,7 +13736,7 @@ function initVShowForSSR() {
   };
 }
 
-const CSS_VAR_TEXT = Symbol("CSS_VAR_TEXT" );
+const CSS_VAR_TEXT = /* @__PURE__ */ Symbol("CSS_VAR_TEXT" );
 function useCssVars(getter) {
   return;
 }
@@ -13795,7 +13866,7 @@ function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBoolean
 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,
@@ -13890,7 +13961,7 @@ function addEventListener(el, event, handler, options) {
 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];
@@ -14552,8 +14623,8 @@ function useCssModule(name = "$style") {
 
 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;
   {
@@ -14725,7 +14796,7 @@ function onCompositionEnd(e) {
     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);
@@ -15261,6 +15332,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   ErrorTypeStrings: ErrorTypeStrings,
   Fragment: Fragment,
   KeepAlive: KeepAlive,
+  MoveType: MoveType,
   ReactiveEffect: ReactiveEffect,
   Static: Static,
   Suspense: Suspense,
@@ -15443,81 +15515,81 @@ function createCompatVue() {
   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`,
@@ -15787,8 +15859,8 @@ class Tokenizer {
     this.currentSequence = void 0;
     this.sequenceIndex = 0;
     {
-      this.entityDecoder = new decode_js.EntityDecoder(
-        decode_js.htmlDecodeTree,
+      this.entityDecoder = new decode.EntityDecoder(
+        decode.htmlDecodeTree,
         (cp, consumed) => this.emitCodePoint(cp, consumed)
       );
     }
@@ -15818,14 +15890,28 @@ class Tokenizer {
   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,
@@ -16338,7 +16424,7 @@ class Tokenizer {
       this.state = 33;
       this.entityStart = this.index;
       this.entityDecoder.startEntity(
-        this.baseState === 1 || this.baseState === 32 ? decode_js.DecodingMode.Legacy : decode_js.DecodingMode.Attribute
+        this.baseState === 1 || this.baseState === 32 ? decode.DecodingMode.Legacy : decode.DecodingMode.Attribute
       );
     }
   }
@@ -16557,7 +16643,7 @@ class Tokenizer {
         this.sectionStart = this.entityStart + consumed;
         this.index = this.sectionStart - 1;
         this.cbs.onattribentity(
-          decode_js.fromCodePoint(cp),
+          decode.fromCodePoint(cp),
           this.entityStart,
           this.sectionStart
         );
@@ -16568,7 +16654,7 @@ class Tokenizer {
         this.sectionStart = this.entityStart + consumed;
         this.index = this.sectionStart - 1;
         this.cbs.ontextentity(
-          decode_js.fromCodePoint(cp),
+          decode.fromCodePoint(cp),
           this.entityStart,
           this.sectionStart
         );
@@ -16696,7 +16782,7 @@ const errorMessages = {
   [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.`,
@@ -16708,16 +16794,17 @@ const errorMessages = {
   [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]: ``
 };
 
 function walkIdentifiers(root, onIdentifier, includeAll = false, parentStack = [], knownIds = /* @__PURE__ */ Object.create(null)) {
@@ -17441,7 +17528,7 @@ const tokenizer = new Tokenizer(stack, {
     let exp = getSlice(innerStart, innerEnd);
     if (exp.includes("&")) {
       {
-        exp = decode_js.decodeHTML(exp);
+        exp = decode.decodeHTML(exp);
       }
     }
     addNode({
@@ -18102,7 +18189,7 @@ function createExp(content, isStatic = false, loc, constType = 0, parseMode = 0
       }
     } catch (e) {
       exp.ast = false;
-      emitError(45, loc.start.offset, e.message);
+      emitError(46, loc.start.offset, e.message);
     }
   }
   return exp;
@@ -19679,7 +19766,7 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
     } catch (e) {
       context.onError(
         createCompilerError(
-          45,
+          46,
           node.loc,
           void 0,
           e.message
@@ -20563,7 +20650,7 @@ const transformElement = (node, context) => {
         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: ""
@@ -21226,7 +21313,7 @@ const transformOn$1 = (dir, node, context, augmentor) => {
     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)}`;
@@ -21488,6 +21575,10 @@ const transformModel$1 = (dir, node, context) => {
     context.onError(createCompilerError(44, exp.loc));
     return createTransformProps();
   }
+  if (bindingType === "literal-const" || bindingType === "setup-const") {
+    context.onError(createCompilerError(45, exp.loc));
+    return createTransformProps();
+  }
   const maybeRef = context.inline && (bindingType === "setup-let" || bindingType === "setup-ref" || bindingType === "setup-maybe-ref");
   if (!expString.trim() || !isMemberExpression(exp, context) && !maybeRef) {
     context.onError(
@@ -21741,7 +21832,7 @@ const transformVBindShorthand = (node, context) => {
         if (arg.type !== 4 || !arg.isStatic) {
           context.onError(
             createCompilerError(
-              52,
+              53,
               arg.loc
             )
           );
@@ -21789,10 +21880,10 @@ function baseCompile(source, options = {}) {
   const isModuleMode = options.mode === "module";
   const prefixIdentifiers = options.prefixIdentifiers === true || isModuleMode;
   if (!prefixIdentifiers && options.cacheHandlers) {
-    onError(createCompilerError(49));
+    onError(createCompilerError(50));
   }
   if (options.scopeId && !isModuleMode) {
-    onError(createCompilerError(50));
+    onError(createCompilerError(51));
   }
   const resolvedOptions = extend({}, options, {
     prefixIdentifiers
@@ -21826,26 +21917,26 @@ function baseCompile(source, options = {}) {
 
 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({
@@ -21942,31 +22033,31 @@ function createDOMCompilerError(code, loc) {
   );
 }
 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;
   }
@@ -21984,12 +22075,12 @@ const transformVText = (dir, node, context) => {
   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;
   }
@@ -22015,7 +22106,7 @@ const transformModel = (dir, node, context) => {
   if (dir.arg) {
     context.onError(
       createDOMCompilerError(
-        58,
+        59,
         dir.arg.loc
       )
     );
@@ -22025,7 +22116,7 @@ const transformModel = (dir, node, context) => {
     if (value && isStaticArgOf(value.arg, "value")) {
       context.onError(
         createDOMCompilerError(
-          60,
+          61,
           value.loc
         )
       );
@@ -22053,7 +22144,7 @@ const transformModel = (dir, node, context) => {
               isInvalidType = true;
               context.onError(
                 createDOMCompilerError(
-                  59,
+                  60,
                   dir.loc
                 )
               );
@@ -22079,7 +22170,7 @@ const transformModel = (dir, node, context) => {
   } else {
     context.onError(
       createDOMCompilerError(
-        57,
+        58,
         dir.loc
       )
     );
@@ -22190,7 +22281,7 @@ const transformShow = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(61, loc)
+      createDOMCompilerError(62, loc)
     );
   }
   return {
@@ -22214,7 +22305,7 @@ function postTransformTransition(node, onError, hasMultipleChildren = defaultHas
     }
     if (hasMultipleChildren(node)) {
       onError(
-        createDOMCompilerError(62, {
+        createDOMCompilerError(63, {
           start: node.children[0].loc.start,
           end: node.children[node.children.length - 1].loc.end,
           source: ""
@@ -22483,7 +22574,7 @@ const ignoreSideEffectTags = (node, context) => {
   if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
     context.onError(
       createDOMCompilerError(
-        63,
+        64,
         node.loc
       )
     );