@vue/compat 3.2.27 → 3.2.31

package/dist/vue.global.js

@@ -209,8 +209,20 @@ var Vue = (function () {
       'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' +
       'text,textPath,title,tspan,unknown,use,view';
   const VOID_TAGS = 'area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr';
+  /**
+   * Compiler only.
+   * Do NOT use in runtime code paths unless behind `true` flag.
+   */
   const isHTMLTag = /*#__PURE__*/ makeMap(HTML_TAGS);
+  /**
+   * Compiler only.
+   * Do NOT use in runtime code paths unless behind `true` flag.
+   */
   const isSVGTag = /*#__PURE__*/ makeMap(SVG_TAGS);
+  /**
+   * Compiler only.
+   * Do NOT use in runtime code paths unless behind `true` flag.
+   */
   const isVoidTag = /*#__PURE__*/ makeMap(VOID_TAGS);
 
   function looseCompareArrays(a, b) {
@@ -268,13 +280,15 @@ var Vue = (function () {
    * @private
    */
   const toDisplayString = (val) => {
-      return val == null
-          ? ''
-          : isArray(val) ||
-              (isObject(val) &&
-                  (val.toString === objectToString || !isFunction(val.toString)))
-              ? JSON.stringify(val, replacer, 2)
-              : String(val);
+      return isString(val)
+          ? val
+          : val == null
+              ? ''
+              : isArray(val) ||
+                  (isObject(val) &&
+                      (val.toString === objectToString || !isFunction(val.toString)))
+                  ? JSON.stringify(val, replacer, 2)
+                  : String(val);
   };
   const replacer = (_key, val) => {
       // can't use isRef here since @vue/shared has no deps
@@ -348,6 +362,7 @@ var Vue = (function () {
       'onVnodeBeforeMount,onVnodeMounted,' +
       'onVnodeBeforeUpdate,onVnodeUpdated,' +
       'onVnodeBeforeUnmount,onVnodeUnmounted');
+  const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo');
   const cacheStringFunction = (fn) => {
       const cache = Object.create(null);
       return ((str) => {
@@ -413,7 +428,6 @@ var Vue = (function () {
   }
 
   let activeEffectScope;
-  const effectScopeStack = [];
   class EffectScope {
       constructor(detached = false) {
           this.active = true;
@@ -428,11 +442,11 @@ var Vue = (function () {
       run(fn) {
           if (this.active) {
               try {
-                  this.on();
+                  activeEffectScope = this;
                   return fn();
               }
               finally {
-                  this.off();
+                  activeEffectScope = this.parent;
               }
           }
           else {
@@ -440,23 +454,24 @@ var Vue = (function () {
           }
       }
       on() {
-          if (this.active) {
-              effectScopeStack.push(this);
-              activeEffectScope = this;
-          }
+          activeEffectScope = this;
       }
       off() {
-          if (this.active) {
-              effectScopeStack.pop();
-              activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
-          }
+          activeEffectScope = this.parent;
       }
       stop(fromParent) {
           if (this.active) {
-              this.effects.forEach(e => e.stop());
-              this.cleanups.forEach(cleanup => cleanup());
+              let i, l;
+              for (i = 0, l = this.effects.length; i < l; i++) {
+                  this.effects[i].stop();
+              }
+              for (i = 0, l = this.cleanups.length; i < l; i++) {
+                  this.cleanups[i]();
+              }
               if (this.scopes) {
-                  this.scopes.forEach(e => e.stop(true));
+                  for (i = 0, l = this.scopes.length; i < l; i++) {
+                      this.scopes[i].stop(true);
+                  }
               }
               // nested scope, dereference from parent to avoid memory leaks
               if (this.parent && !fromParent) {
@@ -474,8 +489,7 @@ var Vue = (function () {
   function effectScope(detached) {
       return new EffectScope(detached);
   }
-  function recordEffectScope(effect, scope) {
-      scope = scope || activeEffectScope;
+  function recordEffectScope(effect, scope = activeEffectScope) {
       if (scope && scope.active) {
           scope.effects.push(effect);
       }
@@ -538,7 +552,6 @@ var Vue = (function () {
    * When recursion depth is greater, fall back to using a full cleanup.
    */
   const maxMarkerBits = 30;
-  const effectStack = [];
   let activeEffect;
   const ITERATE_KEY = Symbol('iterate' );
   const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' );
@@ -548,35 +561,42 @@ var Vue = (function () {
           this.scheduler = scheduler;
           this.active = true;
           this.deps = [];
+          this.parent = undefined;
           recordEffectScope(this, scope);
       }
       run() {
           if (!this.active) {
               return this.fn();
           }
-          if (!effectStack.includes(this)) {
-              try {
-                  effectStack.push((activeEffect = this));
-                  enableTracking();
-                  trackOpBit = 1 << ++effectTrackDepth;
-                  if (effectTrackDepth <= maxMarkerBits) {
-                      initDepMarkers(this);
-                  }
-                  else {
-                      cleanupEffect(this);
-                  }
-                  return this.fn();
+          let parent = activeEffect;
+          let lastShouldTrack = shouldTrack;
+          while (parent) {
+              if (parent === this) {
+                  return;
               }
-              finally {
-                  if (effectTrackDepth <= maxMarkerBits) {
-                      finalizeDepMarkers(this);
-                  }
-                  trackOpBit = 1 << --effectTrackDepth;
-                  resetTracking();
-                  effectStack.pop();
-                  const n = effectStack.length;
-                  activeEffect = n > 0 ? effectStack[n - 1] : undefined;
+              parent = parent.parent;
+          }
+          try {
+              this.parent = activeEffect;
+              activeEffect = this;
+              shouldTrack = true;
+              trackOpBit = 1 << ++effectTrackDepth;
+              if (effectTrackDepth <= maxMarkerBits) {
+                  initDepMarkers(this);
               }
+              else {
+                  cleanupEffect(this);
+              }
+              return this.fn();
+          }
+          finally {
+              if (effectTrackDepth <= maxMarkerBits) {
+                  finalizeDepMarkers(this);
+              }
+              trackOpBit = 1 << --effectTrackDepth;
+              activeEffect = this.parent;
+              shouldTrack = lastShouldTrack;
+              this.parent = undefined;
           }
       }
       stop() {
@@ -624,32 +644,24 @@ var Vue = (function () {
       trackStack.push(shouldTrack);
       shouldTrack = false;
   }
-  function enableTracking() {
-      trackStack.push(shouldTrack);
-      shouldTrack = true;
-  }
   function resetTracking() {
       const last = trackStack.pop();
       shouldTrack = last === undefined ? true : last;
   }
   function track(target, type, key) {
-      if (!isTracking()) {
-          return;
-      }
-      let depsMap = targetMap.get(target);
-      if (!depsMap) {
-          targetMap.set(target, (depsMap = new Map()));
-      }
-      let dep = depsMap.get(key);
-      if (!dep) {
-          depsMap.set(key, (dep = createDep()));
+      if (shouldTrack && activeEffect) {
+          let depsMap = targetMap.get(target);
+          if (!depsMap) {
+              targetMap.set(target, (depsMap = new Map()));
+          }
+          let dep = depsMap.get(key);
+          if (!dep) {
+              depsMap.set(key, (dep = createDep()));
+          }
+          const eventInfo = { effect: activeEffect, target, type, key }
+              ;
+          trackEffects(dep, eventInfo);
       }
-      const eventInfo = { effect: activeEffect, target, type, key }
-          ;
-      trackEffects(dep, eventInfo);
-  }
-  function isTracking() {
-      return shouldTrack && activeEffect !== undefined;
   }
   function trackEffects(dep, debuggerEventExtraInfo) {
       let shouldTrack = false;
@@ -810,6 +822,9 @@ var Vue = (function () {
           else if (key === "__v_isReadonly" /* IS_READONLY */) {
               return isReadonly;
           }
+          else if (key === "__v_isShallow" /* IS_SHALLOW */) {
+              return shallow;
+          }
           else if (key === "__v_raw" /* RAW */ &&
               receiver ===
                   (isReadonly
@@ -854,9 +869,14 @@ var Vue = (function () {
   function createSetter(shallow = false) {
       return function set(target, key, value, receiver) {
           let oldValue = target[key];
+          if (isReadonly(oldValue) && isRef(oldValue) && !isRef(value)) {
+              return false;
+          }
           if (!shallow && !isReadonly(value)) {
-              value = toRaw(value);
-              oldValue = toRaw(oldValue);
+              if (!isShallow(value)) {
+                  value = toRaw(value);
+                  oldValue = toRaw(oldValue);
+              }
               if (!isArray(target) && isRef(oldValue) && !isRef(value)) {
                   oldValue.value = value;
                   return true;
@@ -1243,7 +1263,7 @@ var Vue = (function () {
   }
   function reactive(target) {
       // if trying to observe a readonly proxy, return the readonly version.
-      if (target && target["__v_isReadonly" /* IS_READONLY */]) {
+      if (isReadonly(target)) {
           return target;
       }
       return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap);
@@ -1308,6 +1328,9 @@ var Vue = (function () {
   function isReadonly(value) {
       return !!(value && value["__v_isReadonly" /* IS_READONLY */]);
   }
+  function isShallow(value) {
+      return !!(value && value["__v_isShallow" /* IS_SHALLOW */]);
+  }
   function isProxy(value) {
       return isReactive(value) || isReadonly(value);
   }
@@ -1323,13 +1346,10 @@ var Vue = (function () {
   const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 
   function trackRefValue(ref) {
-      if (isTracking()) {
+      if (shouldTrack && activeEffect) {
           ref = toRaw(ref);
-          if (!ref.dep) {
-              ref.dep = createDep();
-          }
           {
-              trackEffects(ref.dep, {
+              trackEffects(ref.dep || (ref.dep = createDep()), {
                   target: ref,
                   type: "get" /* GET */,
                   key: 'value'
@@ -1351,7 +1371,7 @@ var Vue = (function () {
       }
   }
   function isRef(r) {
-      return Boolean(r && r.__v_isRef === true);
+      return !!(r && r.__v_isRef === true);
   }
   function ref(value) {
       return createRef(value, false);
@@ -1366,22 +1386,22 @@ var Vue = (function () {
       return new RefImpl(rawValue, shallow);
   }
   class RefImpl {
-      constructor(value, _shallow) {
-          this._shallow = _shallow;
+      constructor(value, __v_isShallow) {
+          this.__v_isShallow = __v_isShallow;
           this.dep = undefined;
           this.__v_isRef = true;
-          this._rawValue = _shallow ? value : toRaw(value);
-          this._value = _shallow ? value : toReactive(value);
+          this._rawValue = __v_isShallow ? value : toRaw(value);
+          this._value = __v_isShallow ? value : toReactive(value);
       }
       get value() {
           trackRefValue(this);
           return this._value;
       }
       set value(newVal) {
-          newVal = this._shallow ? newVal : toRaw(newVal);
+          newVal = this.__v_isShallow ? newVal : toRaw(newVal);
           if (hasChanged(newVal, this._rawValue)) {
               this._rawValue = newVal;
-              this._value = this._shallow ? newVal : toReactive(newVal);
+              this._value = this.__v_isShallow ? newVal : toReactive(newVal);
               triggerRefValue(this, newVal);
           }
       }
@@ -1464,22 +1484,23 @@ var Vue = (function () {
       constructor(getter, _setter, isReadonly, isSSR) {
           this._setter = _setter;
           this.dep = undefined;
-          this._dirty = true;
           this.__v_isRef = true;
+          this._dirty = true;
           this.effect = new ReactiveEffect(getter, () => {
               if (!this._dirty) {
                   this._dirty = true;
                   triggerRefValue(this);
               }
           });
-          this.effect.active = !isSSR;
+          this.effect.computed = this;
+          this.effect.active = this._cacheable = !isSSR;
           this["__v_isReadonly" /* IS_READONLY */] = isReadonly;
       }
       get value() {
           // the computed ref may get wrapped by other proxies e.g. readonly() #3376
           const self = toRaw(this);
           trackRefValue(self);
-          if (self._dirty) {
+          if (self._dirty || !self._cacheable) {
               self._dirty = false;
               self._value = self.effect.run();
           }
@@ -1656,7 +1677,7 @@ var Vue = (function () {
       [12 /* FUNCTION_REF */]: 'ref function',
       [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
       [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-          'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
+          'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core'
   };
   function callWithErrorHandling(fn, instance, type, args) {
       let res;
@@ -2161,23 +2182,23 @@ var Vue = (function () {
       ["GLOBAL_MOUNT" /* GLOBAL_MOUNT */]: {
           message: `The global app bootstrapping API has changed: vm.$mount() and the "el" ` +
               `option have been removed. Use createApp(RootComponent).mount() instead.`,
-          link: `https://v3.vuejs.org/guide/migration/global-api.html#mounting-app-instance`
+          link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#mounting-app-instance`
       },
       ["GLOBAL_MOUNT_CONTAINER" /* GLOBAL_MOUNT_CONTAINER */]: {
           message: `Vue detected directives on the mount container. ` +
               `In Vue 3, the container is no longer considered part of the template ` +
               `and will not be processed/replaced.`,
-          link: `https://v3.vuejs.org/guide/migration/mount-changes.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/mount-changes.html`
       },
       ["GLOBAL_EXTEND" /* GLOBAL_EXTEND */]: {
           message: `Vue.extend() has been removed in Vue 3. ` +
               `Use defineComponent() instead.`,
-          link: `https://v3.vuejs.org/api/global-api.html#definecomponent`
+          link: `https://vuejs.org/api/general.html#definecomponent`
       },
       ["GLOBAL_PROTOTYPE" /* GLOBAL_PROTOTYPE */]: {
           message: `Vue.prototype is no longer available in Vue 3. ` +
               `Use app.config.globalProperties instead.`,
-          link: `https://v3.vuejs.org/guide/migration/global-api.html#vue-prototype-replaced-by-config-globalproperties`
+          link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#vue-prototype-replaced-by-config-globalproperties`
       },
       ["GLOBAL_SET" /* GLOBAL_SET */]: {
           message: `Vue.set() has been removed as it is no longer needed in Vue 3. ` +
@@ -2190,7 +2211,7 @@ var Vue = (function () {
       ["GLOBAL_OBSERVABLE" /* GLOBAL_OBSERVABLE */]: {
           message: `Vue.observable() has been removed. ` +
               `Use \`import { reactive } from "vue"\` from Composition API instead.`,
-          link: `https://v3.vuejs.org/api/basic-reactivity.html`
+          link: `https://vuejs.org/api/reactivity-core.html#reactive`
       },
       ["GLOBAL_PRIVATE_UTIL" /* GLOBAL_PRIVATE_UTIL */]: {
           message: `Vue.util has been removed. Please refactor to avoid its usage ` +
@@ -2204,16 +2225,16 @@ var Vue = (function () {
       ["CONFIG_DEVTOOLS" /* CONFIG_DEVTOOLS */]: {
           message: `config.devtools has been removed. To enable devtools for ` +
               `production, configure the __VUE_PROD_DEVTOOLS__ compile-time flag.`,
-          link: `https://github.com/vuejs/vue-next/tree/master/packages/vue#bundler-build-feature-flags`
+          link: `https://github.com/vuejs/core/tree/main/packages/vue#bundler-build-feature-flags`
       },
       ["CONFIG_KEY_CODES" /* CONFIG_KEY_CODES */]: {
           message: `config.keyCodes has been removed. ` +
               `In Vue 3, you can directly use the kebab-case key names as v-on modifiers.`,
-          link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html`
       },
       ["CONFIG_PRODUCTION_TIP" /* CONFIG_PRODUCTION_TIP */]: {
           message: `config.productionTip has been removed.`,
-          link: `https://v3.vuejs.org/guide/migration/global-api.html#config-productiontip-removed`
+          link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#config-productiontip-removed`
       },
       ["CONFIG_IGNORED_ELEMENTS" /* CONFIG_IGNORED_ELEMENTS */]: {
           message: () => {
@@ -2226,7 +2247,7 @@ var Vue = (function () {
               }
               return msg;
           },
-          link: `https://v3.vuejs.org/guide/migration/global-api.html#config-ignoredelements-is-now-config-iscustomelement`
+          link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#config-ignoredelements-is-now-config-iscustomelement`
       },
       ["CONFIG_WHITESPACE" /* CONFIG_WHITESPACE */]: {
           // this warning is only relevant in the full build when using runtime
@@ -2249,12 +2270,12 @@ var Vue = (function () {
       },
       ["INSTANCE_DESTROY" /* INSTANCE_DESTROY */]: {
           message: `vm.$destroy() has been removed. Use app.unmount() instead.`,
-          link: `https://v3.vuejs.org/api/application-api.html#unmount`
+          link: `https://vuejs.org/api/application.html#app-unmount`
       },
       ["INSTANCE_EVENT_EMITTER" /* INSTANCE_EVENT_EMITTER */]: {
           message: `vm.$on/$once/$off() have been removed. ` +
               `Use an external event emitter library instead.`,
-          link: `https://v3.vuejs.org/guide/migration/events-api.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/events-api.html`
       },
       ["INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */]: {
           message: event => `"${event}" lifecycle events are no longer supported. From templates, ` +
@@ -2262,23 +2283,23 @@ var Vue = (function () {
               `should be changed to @vnode-${event.slice(5)}. ` +
               `From JavaScript, use Composition API to dynamically register lifecycle ` +
               `hooks.`,
-          link: `https://v3.vuejs.org/guide/migration/vnode-lifecycle-events.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/vnode-lifecycle-events.html`
       },
       ["INSTANCE_CHILDREN" /* INSTANCE_CHILDREN */]: {
           message: `vm.$children has been removed. Consider refactoring your logic ` +
               `to avoid relying on direct access to child components.`,
-          link: `https://v3.vuejs.org/guide/migration/children.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/children.html`
       },
       ["INSTANCE_LISTENERS" /* INSTANCE_LISTENERS */]: {
           message: `vm.$listeners has been removed. In Vue 3, parent v-on listeners are ` +
               `included in vm.$attrs and it is no longer necessary to separately use ` +
               `v-on="$listeners" if you are already using v-bind="$attrs". ` +
               `(Note: the Vue 3 behavior only applies if this compat config is disabled)`,
-          link: `https://v3.vuejs.org/guide/migration/listeners-removed.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/listeners-removed.html`
       },
       ["INSTANCE_SCOPED_SLOTS" /* INSTANCE_SCOPED_SLOTS */]: {
           message: `vm.$scopedSlots has been removed. Use vm.$slots instead.`,
-          link: `https://v3.vuejs.org/guide/migration/slots-unification.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/slots-unification.html`
       },
       ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: {
           message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` +
@@ -2289,17 +2310,17 @@ var Vue = (function () {
               `If you are binding $attrs to a non-root element and expecting ` +
               `class/style to fallthrough on root, you will need to now manually bind ` +
               `them on root via :class="$attrs.class".`,
-          link: `https://v3.vuejs.org/guide/migration/attrs-includes-class-style.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/attrs-includes-class-style.html`
       },
       ["OPTIONS_DATA_FN" /* OPTIONS_DATA_FN */]: {
           message: `The "data" option can no longer be a plain object. ` +
               `Always use a function.`,
-          link: `https://v3.vuejs.org/guide/migration/data-option.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/data-option.html`
       },
       ["OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */]: {
           message: (key) => `Detected conflicting key "${key}" when merging data option values. ` +
               `In Vue 3, data keys are merged shallowly and will override one another.`,
-          link: `https://v3.vuejs.org/guide/migration/data-option.html#mixin-merge-behavior-change`
+          link: `https://v3-migration.vuejs.org/breaking-changes/data-option.html#mixin-merge-behavior-change`
       },
       ["OPTIONS_BEFORE_DESTROY" /* OPTIONS_BEFORE_DESTROY */]: {
           message: `\`beforeDestroy\` has been renamed to \`beforeUnmount\`.`
@@ -2313,23 +2334,23 @@ var Vue = (function () {
               `If current usage is intended, you can disable the compat behavior and ` +
               `suppress this warning with:` +
               `\n\n  configureCompat({ ${"WATCH_ARRAY" /* WATCH_ARRAY */}: false })\n`,
-          link: `https://v3.vuejs.org/guide/migration/watch.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/watch.html`
       },
       ["PROPS_DEFAULT_THIS" /* PROPS_DEFAULT_THIS */]: {
           message: (key) => `props default value function no longer has access to "this". The compat ` +
               `build only offers access to this.$options.` +
               `(found in prop "${key}")`,
-          link: `https://v3.vuejs.org/guide/migration/props-default-this.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/props-default-this.html`
       },
       ["CUSTOM_DIR" /* CUSTOM_DIR */]: {
           message: (legacyHook, newHook) => `Custom directive hook "${legacyHook}" has been removed. ` +
               `Use "${newHook}" instead.`,
-          link: `https://v3.vuejs.org/guide/migration/custom-directives.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/custom-directives.html`
       },
       ["V_ON_KEYCODE_MODIFIER" /* V_ON_KEYCODE_MODIFIER */]: {
           message: `Using keyCode as v-on modifier is no longer supported. ` +
               `Use kebab-case key name modifiers instead.`,
-          link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html`
       },
       ["ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */]: {
           message: (name) => `Attribute "${name}" with v-bind value \`false\` will render ` +
@@ -2337,7 +2358,7 @@ var Vue = (function () {
               `use \`null\` or \`undefined\` instead. If the usage is intended, ` +
               `you can disable the compat behavior and suppress this warning with:` +
               `\n\n  configureCompat({ ${"ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */}: false })\n`,
-          link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/attribute-coercion.html`
       },
       ["ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */]: {
           message: (name, value, coerced) => `Enumerated attribute "${name}" with v-bind value \`${value}\` will ` +
@@ -2346,7 +2367,7 @@ var Vue = (function () {
               `If the usage is intended, ` +
               `you can disable the compat behavior and suppress this warning with:` +
               `\n\n  configureCompat({ ${"ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */}: false })\n`,
-          link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/attribute-coercion.html`
       },
       ["TRANSITION_CLASSES" /* TRANSITION_CLASSES */]: {
           message: `` // this feature cannot be runtime-detected
@@ -2357,7 +2378,7 @@ var Vue = (function () {
               `for styling, you can disable the compat behavior and suppress this ` +
               `warning with:` +
               `\n\n  configureCompat({ ${"TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */}: false })\n`,
-          link: `https://v3.vuejs.org/guide/migration/transition-group.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/transition-group.html`
       },
       ["COMPONENT_ASYNC" /* COMPONENT_ASYNC */]: {
           message: (comp) => {
@@ -2370,7 +2391,7 @@ var Vue = (function () {
                   `warning with:` +
                   `\n\n  configureCompat({ ${"COMPONENT_ASYNC" /* COMPONENT_ASYNC */}: false })\n`);
           },
-          link: `https://v3.vuejs.org/guide/migration/async-components.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/async-components.html`
       },
       ["COMPONENT_FUNCTIONAL" /* COMPONENT_FUNCTIONAL */]: {
           message: (comp) => {
@@ -2381,7 +2402,7 @@ var Vue = (function () {
                   `components usage have been migrated and its compat behavior has ` +
                   `been disabled.`);
           },
-          link: `https://v3.vuejs.org/guide/migration/functional-components.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/functional-components.html`
       },
       ["COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */]: {
           message: (comp) => {
@@ -2391,27 +2412,27 @@ var Vue = (function () {
                   (isArray(comp.props)
                       ? comp.props.includes('modelValue')
                       : hasOwn(comp.props, 'modelValue'))) {
-                  return (`Component delcares "modelValue" prop, which is Vue 3 usage, but ` +
+                  return (`Component declares "modelValue" prop, which is Vue 3 usage, but ` +
                       `is running under Vue 2 compat v-model behavior. You can ${configMsg}`);
               }
               return (`v-model usage on component has changed in Vue 3. Component that expects ` +
                   `to work with v-model should now use the "modelValue" prop and emit the ` +
                   `"update:modelValue" event. You can update the usage and then ${configMsg}`);
           },
-          link: `https://v3.vuejs.org/guide/migration/v-model.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/v-model.html`
       },
       ["RENDER_FUNCTION" /* RENDER_FUNCTION */]: {
           message: `Vue 3's render function API has changed. ` +
               `You can opt-in to the new API with:` +
               `\n\n  configureCompat({ ${"RENDER_FUNCTION" /* RENDER_FUNCTION */}: false })\n` +
               `\n  (This can also be done per-component via the "compatConfig" option.)`,
-          link: `https://v3.vuejs.org/guide/migration/render-function-api.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/render-function-api.html`
       },
       ["FILTERS" /* FILTERS */]: {
           message: `filters have been removed in Vue 3. ` +
               `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` +
               `Use method calls or computed properties instead.`,
-          link: `https://v3.vuejs.org/guide/migration/filters.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/filters.html`
       },
       ["PRIVATE_APIS" /* PRIVATE_APIS */]: {
           message: name => `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` +
@@ -2479,7 +2500,7 @@ var Vue = (function () {
                       warn$1(`Deprecation config "${key}" is compiler-specific and you are ` +
                           `running a runtime-only build of Vue. This deprecation should be ` +
                           `configured via compiler options in your build setup instead.\n` +
-                          `Details: https://v3.vuejs.org/guide/migration/migration-build.html`);
+                          `Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`);
                   }
               }
               else {
@@ -2621,6 +2642,7 @@ var Vue = (function () {
   const warnedTypes = new WeakSet();
   function convertLegacyVModelProps(vnode) {
       const { type, shapeFlag, props, dynamicProps } = vnode;
+      const comp = type;
       if (shapeFlag & 6 /* COMPONENT */ && props && 'modelValue' in props) {
           if (!isCompatEnabled("COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */, 
           // this is a special case where we want to use the vnode component's
@@ -2629,16 +2651,18 @@ var Vue = (function () {
           { type })) {
               return;
           }
-          if (!warnedTypes.has(type)) {
+          if (!warnedTypes.has(comp)) {
               pushWarningContext(vnode);
-              warnDeprecation("COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */, { type }, type);
+              warnDeprecation("COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */, { type }, comp);
               popWarningContext();
-              warnedTypes.add(type);
+              warnedTypes.add(comp);
           }
           // v3 compiled model code -> v2 compat props
           // modelValue -> value
           // onUpdate:modelValue -> onModelCompat:input
-          const { prop = 'value', event = 'input' } = type.model || {};
+          const model = comp.model || {};
+          applyModelFromMixins(model, comp.mixins);
+          const { prop = 'value', event = 'input' } = model;
           if (prop !== 'modelValue') {
               props[prop] = props.modelValue;
               delete props.modelValue;
@@ -2651,6 +2675,16 @@ var Vue = (function () {
           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("COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */, instance)) {
           return;
@@ -3653,7 +3687,7 @@ var Vue = (function () {
       if (instance) {
           // #2400
           // to support `app.use` plugins,
-          // fallback to appContext's `provides` if the intance is at root
+          // fallback to appContext's `provides` if the instance is at root
           const provides = instance.parent == null
               ? instance.vnode.appContext && instance.vnode.appContext.provides
               : instance.parent.provides;
@@ -3719,7 +3753,7 @@ var Vue = (function () {
       let isMultiSource = false;
       if (isRef(source)) {
           getter = () => source.value;
-          forceTrigger = !!source._shallow;
+          forceTrigger = isShallow(source);
       }
       else if (isReactive(source)) {
           getter = () => source;
@@ -4613,7 +4647,7 @@ var Vue = (function () {
           return pattern.some((p) => matches(p, name));
       }
       else if (isString(pattern)) {
-          return pattern.split(',').indexOf(name) > -1;
+          return pattern.split(',').includes(name);
       }
       else if (pattern.test) {
           return pattern.test(name);
@@ -4881,7 +4915,7 @@ var Vue = (function () {
                           warn$1(`Write operation failed: computed property "${key}" is readonly.`);
                       }
                       ;
-              const c = computed({
+              const c = computed$1({
                   get,
                   set
               });
@@ -5362,7 +5396,9 @@ var Vue = (function () {
           // attrs point to the same object so it should already have been updated.
           if (attrs !== rawCurrentProps) {
               for (const key in attrs) {
-                  if (!rawProps || !hasOwn(rawProps, key)) {
+                  if (!rawProps ||
+                      (!hasOwn(rawProps, key) &&
+                          (!hasOwn(rawProps, key + 'Native')))) {
                       delete attrs[key];
                       hasAttrsChanged = true;
                   }
@@ -5865,7 +5901,6 @@ var Vue = (function () {
     [bar, this.y]
   ])
   */
-  const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo');
   function validateDirectiveName(name) {
       if (isBuiltInDirective(name)) {
           warn$1('Do not use built-in directive ids as custom directive id: ' + name);
@@ -6000,7 +6035,7 @@ var Vue = (function () {
               return vm;
           }
       }
-      Vue.version = "3.2.27";
+      Vue.version = `2.6.14-compat:${"3.2.31"}`;
       Vue.config = singletonApp.config;
       Vue.use = (p, ...options) => {
           if (p && isFunction(p.install)) {
@@ -6824,7 +6859,8 @@ var Vue = (function () {
           // e.g. <option :value="obj">, <input type="checkbox" :true-value="1">
           const forcePatchValue = (type === 'input' && dirs) || type === 'option';
           // skip props & children if this is hoisted static nodes
-          if (forcePatchValue || patchFlag !== -1 /* HOISTED */) {
+          // #5405 in dev, always hydrate children for HMR
+          {
               if (dirs) {
                   invokeDirectiveHook(vnode, null, parentComponent, 'created');
               }
@@ -6989,6 +7025,7 @@ var Vue = (function () {
       return [hydrate, hydrateNode];
   }
 
+  /* eslint-disable no-restricted-globals */
   let supported;
   let perf;
   function startMeasure(instance, type) {
@@ -7016,7 +7053,6 @@ var Vue = (function () {
       if (supported !== undefined) {
           return supported;
       }
-      /* eslint-disable no-restricted-globals */
       if (typeof window !== 'undefined' && window.performance) {
           supported = true;
           perf = window.performance;
@@ -7024,7 +7060,6 @@ var Vue = (function () {
       else {
           supported = false;
       }
-      /* eslint-enable no-restricted-globals */
       return supported;
   }
 
@@ -9270,7 +9305,7 @@ var Vue = (function () {
           shapeFlag: vnode.shapeFlag,
           // if the vnode is cloned with extra props, we can no longer assume its
           // existing patch flag to be reliable and need to add the FULL_PROPS flag.
-          // note: perserve flag for fragments since they use the flag for children
+          // note: preserve flag for fragments since they use the flag for children
           // fast paths only.
           patchFlag: extraProps && vnode.type !== Fragment
               ? patchFlag === -1 // hoisted node
@@ -9435,7 +9470,8 @@ var Vue = (function () {
               else if (isOn(key)) {
                   const existing = ret[key];
                   const incoming = toMerge[key];
-                  if (existing !== incoming &&
+                  if (incoming &&
+                      existing !== incoming &&
                       !(isArray(existing) && existing.includes(incoming))) {
                       ret[key] = existing
                           ? [].concat(existing, incoming)
@@ -9711,7 +9747,7 @@ var Vue = (function () {
   }
   function isKeyNotMatch(expect, actual) {
       if (isArray(expect)) {
-          return expect.indexOf(actual) === -1;
+          return !expect.includes(actual);
       }
       else {
           return expect !== actual;
@@ -9790,7 +9826,7 @@ var Vue = (function () {
           extend(map, {
               // needed by many libs / render fns
               $vnode: i => i.vnode,
-              // inject addtional properties into $options for compat
+              // inject additional properties into $options for compat
               // e.g. vuex needs this.$options.parent
               $options: i => {
                   const res = extend({}, resolveMergedOptions(i));
@@ -9978,9 +10014,11 @@ var Vue = (function () {
           const { data, setupState, ctx } = instance;
           if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
               setupState[key] = value;
+              return true;
           }
           else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
               data[key] = value;
+              return true;
           }
           else if (hasOwn(instance.props, key)) {
               warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
@@ -10014,6 +10052,15 @@ var Vue = (function () {
               hasOwn(ctx, key) ||
               hasOwn(publicPropertiesMap, key) ||
               hasOwn(appContext.config.globalProperties, key));
+      },
+      defineProperty(target, key, descriptor) {
+          if (descriptor.get != null) {
+              this.set(target, key, descriptor.get(), null);
+          }
+          else if (descriptor.value != null) {
+              this.set(target, key, descriptor.value, null);
+          }
+          return Reflect.defineProperty(target, key, descriptor);
       }
   };
   {
@@ -10518,7 +10565,7 @@ var Vue = (function () {
    * instance properties when it is accessed by a parent component via template
    * refs.
    *
-   * `<script setup>` components are closed by default - i.e. varaibles inside
+   * `<script setup>` components are closed by default - i.e. variables inside
    * the `<script setup>` scope is not exposed to parent unless explicitly exposed
    * via `defineExpose`.
    *
@@ -10716,7 +10763,7 @@ var Vue = (function () {
                   return [
                       'div',
                       {},
-                      ['span', vueStyle, 'Reactive'],
+                      ['span', vueStyle, isShallow(obj) ? 'ShallowReactive' : 'Reactive'],
                       '<',
                       formatValue(obj),
                       `>${isReadonly(obj) ? ` (readonly)` : ``}`
@@ -10726,7 +10773,7 @@ var Vue = (function () {
                   return [
                       'div',
                       {},
-                      ['span', vueStyle, 'Readonly'],
+                      ['span', vueStyle, isShallow(obj) ? 'ShallowReadonly' : 'Readonly'],
                       '<',
                       formatValue(obj),
                       '>'
@@ -10855,7 +10902,7 @@ var Vue = (function () {
           }
       }
       function genRefFlag(v) {
-          if (v._shallow) {
+          if (isShallow(v)) {
               return `ShallowRef`;
           }
           if (v.effect) {
@@ -10899,7 +10946,7 @@ var Vue = (function () {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.27";
+  const version = "3.2.31";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
@@ -10980,7 +11027,10 @@ var Vue = (function () {
       insertStaticContent(content, parent, anchor, isSVG, start, end) {
           // <parent> before | first ... last | anchor </parent>
           const before = anchor ? anchor.previousSibling : parent.lastChild;
-          if (start && end) {
+          // #5308 can only take cached path if:
+          // - has a single root node
+          // - nextSibling info is still available
+          if (start && (start === end || start.nextSibling)) {
               // cached
               while (true) {
                   parent.insertBefore(start.cloneNode(true), anchor);
@@ -11330,7 +11380,7 @@ var Vue = (function () {
               originalStop.call(e);
               e._stopped = true;
           };
-          return value.map(fn => (e) => !e._stopped && fn(e));
+          return value.map(fn => (e) => !e._stopped && fn && fn(e));
       }
       else {
           return value;
@@ -12692,6 +12742,7 @@ var Vue = (function () {
     isProxy: isProxy,
     isReactive: isReactive,
     isReadonly: isReadonly,
+    isShallow: isShallow,
     customRef: customRef,
     triggerRef: triggerRef,
     shallowRef: shallowRef,
@@ -13467,13 +13518,13 @@ var Vue = (function () {
           message: `Platform-native elements with "is" prop will no longer be ` +
               `treated as components in Vue 3 unless the "is" value is explicitly ` +
               `prefixed with "vue:".`,
-          link: `https://v3.vuejs.org/guide/migration/custom-elements-interop.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/custom-elements-interop.html`
       },
       ["COMPILER_V_BIND_SYNC" /* COMPILER_V_BIND_SYNC */]: {
           message: key => `.sync modifier for v-bind has been removed. Use v-model with ` +
               `argument instead. \`v-bind:${key}.sync\` should be changed to ` +
               `\`v-model:${key}\`.`,
-          link: `https://v3.vuejs.org/guide/migration/v-model.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/v-model.html`
       },
       ["COMPILER_V_BIND_PROP" /* COMPILER_V_BIND_PROP */]: {
           message: `.prop modifier for v-bind has been removed and no longer necessary. ` +
@@ -13485,11 +13536,11 @@ var Vue = (function () {
               `that appears before v-bind in the case of conflict. ` +
               `To retain 2.x behavior, move v-bind to make it the first attribute. ` +
               `You can also suppress this warning if the usage is intended.`,
-          link: `https://v3.vuejs.org/guide/migration/v-bind.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/v-bind.html`
       },
       ["COMPILER_V_ON_NATIVE" /* COMPILER_V_ON_NATIVE */]: {
           message: `.native modifier for v-on has been removed as is no longer necessary.`,
-          link: `https://v3.vuejs.org/guide/migration/v-on-native-modifier-removed.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/v-on-native-modifier-removed.html`
       },
       ["COMPILER_V_IF_V_FOR_PRECEDENCE" /* COMPILER_V_IF_V_FOR_PRECEDENCE */]: {
           message: `v-if / v-for precedence when used on the same element has changed ` +
@@ -13497,7 +13548,7 @@ var Vue = (function () {
               `access to v-for scope variables. It is best to avoid the ambiguity ` +
               `with <template> tags or use a computed property that filters v-for ` +
               `data source.`,
-          link: `https://v3.vuejs.org/guide/migration/v-if-v-for.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/v-if-v-for.html`
       },
       ["COMPILER_NATIVE_TEMPLATE" /* COMPILER_NATIVE_TEMPLATE */]: {
           message: `<template> with no special directives will render as a native template ` +
@@ -13505,13 +13556,13 @@ var Vue = (function () {
       },
       ["COMPILER_INLINE_TEMPLATE" /* COMPILER_INLINE_TEMPLATE */]: {
           message: `"inline-template" has been removed in Vue 3.`,
-          link: `https://v3.vuejs.org/guide/migration/inline-template-attribute.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/inline-template-attribute.html`
       },
       ["COMPILER_FILTER" /* COMPILER_FILTERS */]: {
           message: `filters have been removed in Vue 3. ` +
               `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` +
               `Use method calls or computed properties instead.`,
-          link: `https://v3.vuejs.org/guide/migration/filters.html`
+          link: `https://v3-migration.vuejs.org/breaking-changes/filters.html`
       }
   };
   function getCompatValue(key, context) {
@@ -14041,7 +14092,7 @@ var Vue = (function () {
           }
           const attr = parseAttribute(context, attributeNames);
           // Trim whitespace between class
-          // https://github.com/vuejs/vue-next/issues/4251
+          // https://github.com/vuejs/core/issues/4251
           if (attr.type === 6 /* ATTRIBUTE */ &&
               attr.value &&
               attr.name === 'class') {
@@ -14277,7 +14328,7 @@ var Vue = (function () {
       advanceBy(context, length);
       if (mode === 2 /* RAWTEXT */ ||
           mode === 3 /* CDATA */ ||
-          rawText.indexOf('&') === -1) {
+          !rawText.includes('&')) {
           return rawText;
       }
       else {
@@ -15798,6 +15849,7 @@ var Vue = (function () {
           const renderExp = createCallExpression(helper(RENDER_LIST), [
               forNode.source
           ]);
+          const isTemplate = isTemplateNode(node);
           const memo = findDir(node, 'memo');
           const keyProp = findProp(node, `key`);
           const keyExp = keyProp &&
@@ -15817,7 +15869,6 @@ var Vue = (function () {
           return () => {
               // finish the codegen now that all children have been traversed
               let childBlock;
-              const isTemplate = isTemplateNode(node);
               const { children } = forNode;
               // check <template v-for> key placement
               if (isTemplate) {
@@ -16619,7 +16670,7 @@ var Vue = (function () {
                       }
                   }
               }
-              else {
+              else if (!isBuiltInDirective(name)) {
                   // no built-in transform, this is a user custom directive.
                   runtimeDirectives.push(prop);
                   // custom dirs may use beforeUpdate so they need to force blocks