@vue/compat 3.2.9 → 3.2.13

package/dist/vue.global.js

@@ -1,4 +1,4 @@
-var Vue = (function (exports) {
+var Vue = (function () {
   'use strict';
 
   /**
@@ -1488,7 +1488,8 @@ var Vue = (function (exports) {
   function computed(getterOrOptions, debugOptions) {
       let getter;
       let setter;
-      if (isFunction(getterOrOptions)) {
+      const onlyGetter = isFunction(getterOrOptions);
+      if (onlyGetter) {
           getter = getterOrOptions;
           setter = () => {
                   console.warn('Write operation failed: computed value is readonly');
@@ -1499,7 +1500,7 @@ var Vue = (function (exports) {
           getter = getterOrOptions.get;
           setter = getterOrOptions.set;
       }
-      const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+      const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter);
       if (debugOptions) {
           cRef.effect.onTrack = debugOptions.onTrack;
           cRef.effect.onTrigger = debugOptions.onTrigger;
@@ -1534,41 +1535,33 @@ var Vue = (function (exports) {
       const id = instance.type.__hmrId;
       let record = map.get(id);
       if (!record) {
-          createRecord(id, instance.type);
+          createRecord(id);
           record = map.get(id);
       }
-      record.instances.add(instance);
+      record.add(instance);
   }
   function unregisterHMR(instance) {
-      map.get(instance.type.__hmrId).instances.delete(instance);
+      map.get(instance.type.__hmrId).delete(instance);
   }
-  function createRecord(id, component) {
-      if (!component) {
-          warn$1(`HMR API usage is out of date.\n` +
-              `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
-              `dependency that handles Vue SFC compilation.`);
-          component = {};
-      }
+  function createRecord(id) {
       if (map.has(id)) {
           return false;
       }
-      map.set(id, {
-          component: isClassComponent(component) ? component.__vccOpts : component,
-          instances: new Set()
-      });
+      map.set(id, new Set());
       return true;
   }
+  function normalizeClassComponent(component) {
+      return isClassComponent(component) ? component.__vccOpts : component;
+  }
   function rerender(id, newRender) {
       const record = map.get(id);
-      if (!record)
+      if (!record) {
           return;
-      if (newRender)
-          record.component.render = newRender;
-      // Array.from creates a snapshot which avoids the set being mutated during
-      // updates
-      Array.from(record.instances).forEach(instance => {
+      }
+      [...record].forEach(instance => {
           if (newRender) {
               instance.render = newRender;
+              normalizeClassComponent(instance.type).render = newRender;
           }
           instance.renderCache = [];
           // this flag forces child components with slot content to update
@@ -1581,34 +1574,31 @@ var Vue = (function (exports) {
       const record = map.get(id);
       if (!record)
           return;
-      // Array.from creates a snapshot which avoids the set being mutated during
-      // updates
-      const { component, instances } = record;
-      if (!hmrDirtyComponents.has(component)) {
-          // 1. Update existing comp definition to match new one
-          newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
-          extend(component, newComp);
-          for (const key in component) {
-              if (key !== '__file' && !(key in newComp)) {
-                  delete component[key];
-              }
-          }
-          // 2. Mark component dirty. This forces the renderer to replace the component
-          // on patch.
-          hmrDirtyComponents.add(component);
-          // 3. Make sure to unmark the component after the reload.
-          queuePostFlushCb(() => {
-              hmrDirtyComponents.delete(component);
-          });
-      }
-      Array.from(instances).forEach(instance => {
-          // invalidate options resolution cache
+      newComp = normalizeClassComponent(newComp);
+      // create a snapshot which avoids the set being mutated during updates
+      const instances = [...record];
+      for (const instance of instances) {
+          const oldComp = normalizeClassComponent(instance.type);
+          if (!hmrDirtyComponents.has(oldComp)) {
+              // 1. Update existing comp definition to match new one
+              extend(oldComp, newComp);
+              for (const key in oldComp) {
+                  if (key !== '__file' && !(key in newComp)) {
+                      delete oldComp[key];
+                  }
+              }
+              // 2. mark definition dirty. This forces the renderer to replace the
+              // component on patch.
+              hmrDirtyComponents.add(oldComp);
+          }
+          // 3. invalidate options resolution cache
           instance.appContext.optionsCache.delete(instance.type);
+          // 4. actually update
           if (instance.ceReload) {
               // custom element
-              hmrDirtyComponents.add(component);
+              hmrDirtyComponents.add(oldComp);
               instance.ceReload(newComp.styles);
-              hmrDirtyComponents.delete(component);
+              hmrDirtyComponents.delete(oldComp);
           }
           else if (instance.parent) {
               // 4. Force the parent instance to re-render. This will cause all updated
@@ -1633,6 +1623,12 @@ var Vue = (function (exports) {
           else {
               console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
           }
+      }
+      // 5. make sure to cleanup dirty hmr components after update
+      queuePostFlushCb(() => {
+          for (const instance of instances) {
+              hmrDirtyComponents.delete(normalizeClassComponent(instance.type));
+          }
       });
   }
   function tryWrap(fn) {
@@ -1959,7 +1955,7 @@ var Vue = (function (exports) {
       ["PRIVATE_APIS" /* PRIVATE_APIS */]: {
           message: name => `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` +
               `If you are seeing this warning only due to a dependency, you can ` +
-              `suppress this warning via { PRIVATE_APIS: 'supress-warning' }.`
+              `suppress this warning via { PRIVATE_APIS: 'suppress-warning' }.`
       }
   };
   const instanceWarned = Object.create(null);
@@ -2446,12 +2442,12 @@ var Vue = (function (exports) {
   function renderComponentRoot(instance) {
       const { type: Component, vnode, proxy, withProxy, props, propsOptions: [propsOptions], slots, attrs, emit, render, renderCache, data, setupState, ctx, inheritAttrs } = instance;
       let result;
+      let fallthroughAttrs;
       const prev = setCurrentRenderingInstance(instance);
       {
           accessedAttrs = false;
       }
       try {
-          let fallthroughAttrs;
           if (vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */) {
               // withProxy is a proxy with a different `has` trap only for
               // runtime-compiled render functions using `with` block.
@@ -2482,108 +2478,105 @@ var Vue = (function (exports) {
                   ? attrs
                   : getFunctionalFallthrough(attrs);
           }
-          // attr merging
-          // in dev mode, comments are preserved, and it's possible for a template
-          // to have comments along side the root element which makes it a fragment
-          let root = result;
-          let setRoot = undefined;
-          if (true &&
-              result.patchFlag > 0 &&
-              result.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) {
-              ;
-              [root, setRoot] = getChildRoot(result);
-          }
-          if (fallthroughAttrs && inheritAttrs !== false) {
-              const keys = Object.keys(fallthroughAttrs);
-              const { shapeFlag } = root;
-              if (keys.length) {
-                  if (shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) {
-                      if (propsOptions && keys.some(isModelListener)) {
-                          // If a v-model listener (onUpdate:xxx) has a corresponding declared
-                          // prop, it indicates this component expects to handle v-model and
-                          // it should not fallthrough.
-                          // related: #1543, #1643, #1989
-                          fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions);
-                      }
-                      root = cloneVNode(root, fallthroughAttrs);
-                  }
-                  else if (true && !accessedAttrs && root.type !== Comment) {
-                      const allAttrs = Object.keys(attrs);
-                      const eventAttrs = [];
-                      const extraAttrs = [];
-                      for (let i = 0, l = allAttrs.length; i < l; i++) {
-                          const key = allAttrs[i];
-                          if (isOn(key)) {
-                              // ignore v-model handlers when they fail to fallthrough
-                              if (!isModelListener(key)) {
-                                  // remove `on`, lowercase first letter to reflect event casing
-                                  // accurately
-                                  eventAttrs.push(key[2].toLowerCase() + key.slice(3));
-                              }
-                          }
-                          else {
-                              extraAttrs.push(key);
+      }
+      catch (err) {
+          blockStack.length = 0;
+          handleError(err, instance, 1 /* RENDER_FUNCTION */);
+          result = createVNode(Comment);
+      }
+      // attr merging
+      // in dev mode, comments are preserved, and it's possible for a template
+      // to have comments along side the root element which makes it a fragment
+      let root = result;
+      let setRoot = undefined;
+      if (result.patchFlag > 0 &&
+          result.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) {
+          [root, setRoot] = getChildRoot(result);
+      }
+      if (fallthroughAttrs && inheritAttrs !== false) {
+          const keys = Object.keys(fallthroughAttrs);
+          const { shapeFlag } = root;
+          if (keys.length) {
+              if (shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) {
+                  if (propsOptions && keys.some(isModelListener)) {
+                      // If a v-model listener (onUpdate:xxx) has a corresponding declared
+                      // prop, it indicates this component expects to handle v-model and
+                      // it should not fallthrough.
+                      // related: #1543, #1643, #1989
+                      fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions);
+                  }
+                  root = cloneVNode(root, fallthroughAttrs);
+              }
+              else if (!accessedAttrs && root.type !== Comment) {
+                  const allAttrs = Object.keys(attrs);
+                  const eventAttrs = [];
+                  const extraAttrs = [];
+                  for (let i = 0, l = allAttrs.length; i < l; i++) {
+                      const key = allAttrs[i];
+                      if (isOn(key)) {
+                          // ignore v-model handlers when they fail to fallthrough
+                          if (!isModelListener(key)) {
+                              // remove `on`, lowercase first letter to reflect event casing
+                              // accurately
+                              eventAttrs.push(key[2].toLowerCase() + key.slice(3));
                           }
                       }
-                      if (extraAttrs.length) {
-                          warn$1(`Extraneous non-props attributes (` +
-                              `${extraAttrs.join(', ')}) ` +
-                              `were passed to component but could not be automatically inherited ` +
-                              `because component renders fragment or text root nodes.`);
-                      }
-                      if (eventAttrs.length) {
-                          warn$1(`Extraneous non-emits event listeners (` +
-                              `${eventAttrs.join(', ')}) ` +
-                              `were passed to component but could not be automatically inherited ` +
-                              `because component renders fragment or text root nodes. ` +
-                              `If the listener is intended to be a component custom event listener only, ` +
-                              `declare it using the "emits" option.`);
+                      else {
+                          extraAttrs.push(key);
                       }
                   }
-              }
-          }
-          if (true &&
-              isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance) &&
-              vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ &&
-              root.shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) {
-              const { class: cls, style } = vnode.props || {};
-              if (cls || style) {
-                  if (true && inheritAttrs === false) {
-                      warnDeprecation("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance, getComponentName(instance.type));
+                  if (extraAttrs.length) {
+                      warn$1(`Extraneous non-props attributes (` +
+                          `${extraAttrs.join(', ')}) ` +
+                          `were passed to component but could not be automatically inherited ` +
+                          `because component renders fragment or text root nodes.`);
+                  }
+                  if (eventAttrs.length) {
+                      warn$1(`Extraneous non-emits event listeners (` +
+                          `${eventAttrs.join(', ')}) ` +
+                          `were passed to component but could not be automatically inherited ` +
+                          `because component renders fragment or text root nodes. ` +
+                          `If the listener is intended to be a component custom event listener only, ` +
+                          `declare it using the "emits" option.`);
                   }
-                  root = cloneVNode(root, {
-                      class: cls,
-                      style: style
-                  });
-              }
-          }
-          // inherit directives
-          if (vnode.dirs) {
-              if (true && !isElementRoot(root)) {
-                  warn$1(`Runtime directive used on component with non-element root node. ` +
-                      `The directives will not function as intended.`);
               }
-              root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
           }
-          // inherit transition data
-          if (vnode.transition) {
-              if (true && !isElementRoot(root)) {
-                  warn$1(`Component inside <Transition> renders non-element root node ` +
-                      `that cannot be animated.`);
+      }
+      if (isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance) &&
+          vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ &&
+          root.shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) {
+          const { class: cls, style } = vnode.props || {};
+          if (cls || style) {
+              if (inheritAttrs === false) {
+                  warnDeprecation("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance, getComponentName(instance.type));
               }
-              root.transition = vnode.transition;
+              root = cloneVNode(root, {
+                  class: cls,
+                  style: style
+              });
           }
-          if (true && setRoot) {
-              setRoot(root);
+      }
+      // inherit directives
+      if (vnode.dirs) {
+          if (!isElementRoot(root)) {
+              warn$1(`Runtime directive used on component with non-element root node. ` +
+                  `The directives will not function as intended.`);
           }
-          else {
-              result = root;
+          root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
+      }
+      // inherit transition data
+      if (vnode.transition) {
+          if (!isElementRoot(root)) {
+              warn$1(`Component inside <Transition> renders non-element root node ` +
+                  `that cannot be animated.`);
           }
+          root.transition = vnode.transition;
       }
-      catch (err) {
-          blockStack.length = 0;
-          handleError(err, instance, 1 /* RENDER_FUNCTION */);
-          result = createVNode(Comment);
+      if (setRoot) {
+          setRoot(root);
+      }
+      else {
+          result = root;
       }
       setCurrentRenderingInstance(prev);
       return result;
@@ -3118,8 +3111,8 @@ var Vue = (function (exports) {
   function normalizeSuspenseSlot(s) {
       let block;
       if (isFunction(s)) {
-          const isCompiledSlot = s._c;
-          if (isCompiledSlot) {
+          const trackBlock = isBlockTreeEnabled && s._c;
+          if (trackBlock) {
               // disableTracking: false
               // allow block tracking for compiled slots
               // (see ./componentRenderContext.ts)
@@ -3127,7 +3120,7 @@ var Vue = (function (exports) {
               openBlock();
           }
           s = s();
-          if (isCompiledSlot) {
+          if (trackBlock) {
               s._d = true;
               block = currentBlock;
               closeBlock();
@@ -5283,7 +5276,7 @@ var Vue = (function (exports) {
               return vm;
           }
       }
-      Vue.version = "3.2.9";
+      Vue.version = "3.2.13";
       Vue.config = singletonApp.config;
       Vue.use = (p, ...options) => {
           if (p && isFunction(p.install)) {
@@ -5814,7 +5807,7 @@ var Vue = (function (exports) {
                           app._instance = vnode.component;
                           devtoolsInitApp(app, version);
                       }
-                      return vnode.component.proxy;
+                      return getExposeProxy(vnode.component) || vnode.component.proxy;
                   }
                   else {
                       warn$1(`App has already been mounted.\n` +
@@ -6023,14 +6016,14 @@ var Vue = (function (exports) {
                       for (const key in props) {
                           if ((forcePatchValue && key.endsWith('value')) ||
                               (isOn(key) && !isReservedProp(key))) {
-                              patchProp(el, key, null, props[key]);
+                              patchProp(el, key, null, props[key], false, undefined, parentComponent);
                           }
                       }
                   }
                   else if (props.onClick) {
                       // Fast path for click listeners (which is most often) to avoid
                       // iterating through props.
-                      patchProp(el, 'onClick', null, props.onClick);
+                      patchProp(el, 'onClick', null, props.onClick, false, undefined, parentComponent);
                   }
               }
               // vnode / directive hooks
@@ -7931,7 +7924,11 @@ var Vue = (function (exports) {
               return Component;
           }
           if (warnMissing && !res) {
-              warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+              const extra = type === COMPONENTS
+                  ? `\nIf this is a native custom element, make sure to exclude it from ` +
+                      `component resolution via compilerOptions.isCustomElement.`
+                  : ``;
+              warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
           }
           return res;
       }
@@ -9373,17 +9370,19 @@ var Vue = (function (exports) {
   function exposeSetupStateOnRenderContext(instance) {
       const { ctx, setupState } = instance;
       Object.keys(toRaw(setupState)).forEach(key => {
-          if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
-              warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
-                  `which are reserved prefixes for Vue internals.`);
-              return;
+          if (!setupState.__isScriptSetup) {
+              if (key[0] === '$' || key[0] === '_') {
+                  warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+                      `which are reserved prefixes for Vue internals.`);
+                  return;
+              }
+              Object.defineProperty(ctx, key, {
+                  enumerable: true,
+                  configurable: true,
+                  get: () => setupState[key],
+                  set: NOOP
+              });
           }
-          Object.defineProperty(ctx, key, {
-              enumerable: true,
-              configurable: true,
-              get: () => setupState[key],
-              set: NOOP
-          });
       });
   }
 
@@ -10142,11 +10141,18 @@ var Vue = (function (exports) {
       // 2. If a component is unmounted during a parent component's update,
       //    its update can be skipped.
       queue.sort((a, b) => getId(a) - getId(b));
+      // conditional usage of checkRecursiveUpdate must be determined out of
+      // try ... catch block since Rollup by default de-optimizes treeshaking
+      // inside try-catch. This can leave all warning code unshaked. Although
+      // they would get eventually shaken by a minifier like terser, some minifiers
+      // would fail to do that (e.g. https://github.com/evanw/esbuild/issues/1610)
+      const check = (job) => checkRecursiveUpdates(seen, job)
+          ;
       try {
           for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
               const job = queue[flushIndex];
               if (job && job.active !== false) {
-                  if (true && checkRecursiveUpdates(seen, job)) {
+                  if (true && check(job)) {
                       continue;
                   }
                   // console.log(`running:`, job.id)
@@ -10423,7 +10429,7 @@ var Vue = (function (exports) {
           return cur;
       };
   }
-  function traverse(value, seen = new Set()) {
+  function traverse(value, seen) {
       if (!isObject(value) || value["__v_skip" /* SKIP */]) {
           return value;
       }
@@ -10834,7 +10840,7 @@ var Vue = (function (exports) {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.9";
+  const version = "3.2.13";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
@@ -10963,19 +10969,13 @@ var Vue = (function (exports) {
 
   function patchStyle(el, prev, next) {
       const style = el.style;
+      const currentDisplay = style.display;
       if (!next) {
           el.removeAttribute('style');
       }
       else if (isString(next)) {
           if (prev !== next) {
-              const current = style.display;
               style.cssText = next;
-              // indicates that the `display` of the element is controlled by `v-show`,
-              // so we always keep the current `display` value regardless of the `style` value,
-              // thus handing over control to `v-show`.
-              if ('_vod' in el) {
-                  style.display = current;
-              }
           }
       }
       else {
@@ -10990,6 +10990,12 @@ var Vue = (function (exports) {
               }
           }
       }
+      // indicates that the `display` of the element is controlled by `v-show`,
+      // so we always keep the current `display` value regardless of the `style` value,
+      // thus handing over control to `v-show`.
+      if ('_vod' in el) {
+          style.display = currentDisplay;
+      }
   }
   const importantRE = /\s*!important$/;
   function setStyle(style, name, val) {
@@ -11360,6 +11366,7 @@ var Vue = (function (exports) {
           this._instance = null;
           this._connected = false;
           this._resolved = false;
+          this._numberProps = null;
           if (this.shadowRoot && hydrate) {
               hydrate(this._createVNode(), this.shadowRoot);
           }
@@ -11375,18 +11382,17 @@ var Vue = (function (exports) {
               this._setAttr(this.attributes[i].name);
           }
           // watch future attr changes
-          const observer = new MutationObserver(mutations => {
+          new MutationObserver(mutations => {
               for (const m of mutations) {
                   this._setAttr(m.attributeName);
               }
-          });
-          observer.observe(this, { attributes: true });
+          }).observe(this, { attributes: true });
       }
       connectedCallback() {
           this._connected = true;
           if (!this._instance) {
               this._resolveDef();
-              render(this._createVNode(), this.shadowRoot);
+              this._update();
           }
       }
       disconnectedCallback() {
@@ -11407,15 +11413,31 @@ var Vue = (function (exports) {
           }
           const resolve = (def) => {
               this._resolved = true;
+              const { props, styles } = def;
+              const hasOptions = !isArray(props);
+              const rawKeys = props ? (hasOptions ? Object.keys(props) : props) : [];
+              // cast Number-type props set before resolve
+              let numberProps;
+              if (hasOptions) {
+                  for (const key in this._props) {
+                      const opt = props[key];
+                      if (opt === Number || (opt && opt.type === Number)) {
+                          this._props[key] = toNumber(this._props[key]);
+                          (numberProps || (numberProps = Object.create(null)))[key] = true;
+                      }
+                  }
+              }
+              if (numberProps) {
+                  this._numberProps = numberProps;
+                  this._update();
+              }
               // check if there are props set pre-upgrade or connect
               for (const key of Object.keys(this)) {
                   if (key[0] !== '_') {
                       this._setProp(key, this[key]);
                   }
               }
-              const { props, styles } = def;
               // defining getter/setters on prototype
-              const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : [];
               for (const key of rawKeys.map(camelize)) {
                   Object.defineProperty(this, key, {
                       get() {
@@ -11437,7 +11459,11 @@ var Vue = (function (exports) {
           }
       }
       _setAttr(key) {
-          this._setProp(camelize(key), toNumber(this.getAttribute(key)), false);
+          let value = this.getAttribute(key);
+          if (this._numberProps && this._numberProps[key]) {
+              value = toNumber(value);
+          }
+          this._setProp(camelize(key), value, false);
       }
       /**
        * @internal
@@ -11452,7 +11478,7 @@ var Vue = (function (exports) {
           if (val !== this._props[key]) {
               this._props[key] = val;
               if (this._instance) {
-                  render(this._createVNode(), this.shadowRoot);
+                  this._update();
               }
               // reflect
               if (shouldReflect) {
@@ -11468,6 +11494,9 @@ var Vue = (function (exports) {
               }
           }
       }
+      _update() {
+          render(this._createVNode(), this.shadowRoot);
+      }
       _createVNode() {
           const vnode = createVNode(this._def, extend({}, this._props));
           if (!this._instance) {
@@ -11488,7 +11517,7 @@ var Vue = (function (exports) {
                           if (!this._def.__asyncLoader) {
                               // reload
                               this._instance = null;
-                              render(this._createVNode(), this.shadowRoot);
+                              this._update();
                           }
                       };
                   }
@@ -12783,7 +12812,7 @@ var Vue = (function (exports) {
       // transform errors
       [28 /* X_V_IF_NO_EXPRESSION */]: `v-if/v-else-if is missing expression.`,
       [29 /* X_V_IF_SAME_KEY */]: `v-if/else branches must use unique keys.`,
-      [30 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if.`,
+      [30 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if or v-else-if.`,
       [31 /* X_V_FOR_NO_EXPRESSION */]: `v-for is missing expression.`,
       [32 /* X_V_FOR_MALFORMED_EXPRESSION */]: `v-for has invalid expression.`,
       [33 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */]: `<template v-for> key should be placed on the <template> tag.`,
@@ -13061,7 +13090,7 @@ var Vue = (function (exports) {
    * inside square brackets), but it's ok since these are only used on template
    * expressions and false positives are invalid expressions in the first place.
    */
-  const isMemberExpression = (path) => {
+  const isMemberExpressionBrowser = (path) => {
       // remove whitespaces around . or [ first
       path = path.trim().replace(whitespaceRE, s => s.trim());
       let state = 0 /* inMemberExp */;
@@ -13131,6 +13160,8 @@ var Vue = (function (exports) {
       }
       return !currentOpenBracketCount && !currentOpenParensCount;
   };
+  const isMemberExpression = isMemberExpressionBrowser
+      ;
   function getInnerRange(loc, offset, length) {
       const source = loc.source.substr(offset, length);
       const newLoc = {
@@ -13934,6 +13965,13 @@ var Vue = (function (exports) {
               emitError(context, 3 /* END_TAG_WITH_ATTRIBUTES */);
           }
           const attr = parseAttribute(context, attributeNames);
+          // Trim whitespace between class
+          // https://github.com/vuejs/vue-next/issues/4251
+          if (attr.type === 6 /* ATTRIBUTE */ &&
+              attr.value &&
+              attr.name === 'class') {
+              attr.value.content = attr.value.content.replace(/\s+/g, ' ').trim();
+          }
           if (type === 0 /* Start */) {
               props.push(attr);
           }
@@ -13996,8 +14034,11 @@ var Vue = (function (exports) {
                   isStatic = false;
                   if (!content.endsWith(']')) {
                       emitError(context, 27 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */);
+                      content = content.substr(1);
+                  }
+                  else {
+                      content = content.substr(1, content.length - 2);
                   }
-                  content = content.substr(1, content.length - 2);
               }
               else if (isSlot) {
                   // #1241 special case for v-slot: vuetify relies extensively on slot
@@ -14267,7 +14308,7 @@ var Vue = (function (exports) {
       // This is only a concern for pre-stringification (via transformHoist by
       // @vue/compiler-dom), but doing it here allows us to perform only one full
       // walk of the AST and allow `stringifyStatic` to stop walking as soon as its
-      // stringficiation threshold is met.
+      // stringification threshold is met.
       let canStringify = true;
       const { children } = node;
       const originalCount = children.length;
@@ -14513,7 +14554,7 @@ var Vue = (function (exports) {
               else if (value.type === 14 /* JS_CALL_EXPRESSION */) {
                   // some helper calls can be hoisted,
                   // such as the `normalizeProps` generated by the compiler for pre-normalize class,
-                  // in this case we need to respect the ConstanType of the helper's argments
+                  // in this case we need to respect the ConstantType of the helper's argments
                   valueType = getConstantTypeOfHelperCall(value, context);
               }
               else {
@@ -15026,13 +15067,14 @@ var Vue = (function (exports) {
       context.pure = true;
       const { push, newline, helper, scopeId, mode } = context;
       newline();
-      hoists.forEach((exp, i) => {
+      for (let i = 0; i < hoists.length; i++) {
+          const exp = hoists[i];
           if (exp) {
-              push(`const _hoisted_${i + 1} = `);
+              push(`const _hoisted_${i + 1} = ${``}`);
               genNode(exp, context);
               newline();
           }
-      });
+      }
       context.pure = false;
   }
   function isText$1(n) {
@@ -15539,6 +15581,11 @@ var Vue = (function (exports) {
                   continue;
               }
               if (sibling && sibling.type === 9 /* IF */) {
+                  // Check if v-else was followed by v-else-if
+                  if (dir.name === 'else-if' &&
+                      sibling.branches[sibling.branches.length - 1].condition === undefined) {
+                      context.onError(createCompilerError(30 /* X_V_ELSE_NO_ADJACENT_IF */, node.loc));
+                  }
                   // move the node to the if node's branches
                   context.removeNode();
                   const branch = createIfBranch(node, dir);
@@ -16630,7 +16677,7 @@ var Vue = (function (exports) {
           const name = prop.key.content;
           const existing = knownProps.get(name);
           if (existing) {
-              if (name === 'style' || name === 'class' || name.startsWith('on')) {
+              if (name === 'style' || name === 'class' || isOn(name)) {
                   mergeAsArray$1(existing, prop);
               }
               // unexpected duplicate, should have emitted error during parse
@@ -16705,26 +16752,24 @@ var Vue = (function (exports) {
           const { slotName, slotProps } = processSlotOutlet(node, context);
           const slotArgs = [
               context.prefixIdentifiers ? `_ctx.$slots` : `$slots`,
-              slotName
+              slotName,
+              '{}',
+              'undefined',
+              'true'
           ];
+          let expectedLen = 2;
           if (slotProps) {
-              slotArgs.push(slotProps);
+              slotArgs[2] = slotProps;
+              expectedLen = 3;
           }
           if (children.length) {
-              if (!slotProps) {
-                  slotArgs.push(`{}`);
-              }
-              slotArgs.push(createFunctionExpression([], children, false, false, loc));
+              slotArgs[3] = createFunctionExpression([], children, false, false, loc);
+              expectedLen = 4;
           }
           if (context.scopeId && !context.slotted) {
-              if (!slotProps) {
-                  slotArgs.push(`{}`);
-              }
-              if (!children.length) {
-                  slotArgs.push(`undefined`);
-              }
-              slotArgs.push(`true`);
+              expectedLen = 5;
           }
+          slotArgs.splice(expectedLen); // remove unused arguments
           node.codegenNode = createCallExpression(context.helper(RENDER_SLOT), slotArgs, loc);
       }
   };
@@ -16771,7 +16816,7 @@ var Vue = (function (exports) {
       };
   }
 
-  const fnExpRE = /^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/;
+  const fnExpRE = /^\s*([\w$_]+|(async\s*)?\([^)]*?\))\s*=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
   const transformOn = (dir, node, context, augmentor) => {
       const { loc, modifiers, arg } = dir;
       if (!dir.exp && !modifiers.length) {
@@ -17026,7 +17071,8 @@ var Vue = (function (exports) {
       // _unref(exp)
       context.bindingMetadata[rawExp];
       const maybeRef = !true    /* SETUP_CONST */;
-      if (!expString.trim() || (!isMemberExpression(expString) && !maybeRef)) {
+      if (!expString.trim() ||
+          (!isMemberExpression(expString) && !maybeRef)) {
           context.onError(createCompilerError(42 /* X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc));
           return createTransformProps();
       }
@@ -17732,7 +17778,8 @@ var Vue = (function (exports) {
   };
   function hasMultipleChildren(node) {
       // #1352 filter out potential comment nodes.
-      const children = (node.children = node.children.filter(c => c.type !== 3 /* COMMENT */));
+      const children = (node.children = node.children.filter(c => c.type !== 3 /* COMMENT */ &&
+          !(c.type === 2 /* TEXT */ && !c.content.trim())));
       const child = children[0];
       return (children.length !== 1 ||
           child.type === 11 /* FOR */ ||
@@ -17832,10 +17879,6 @@ var Vue = (function (exports) {
   const Vue = createCompatVue$1();
   Vue.compile = compileToFunction;
 
-  exports.default = Vue;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-  return exports;
+  return Vue;
 
-}({}));
+}());