vue 3.2.8 → 3.2.12

package/dist/vue.global.js

@@ -1534,41 +1534,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 +1573,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 +1622,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) {
@@ -1694,335 +1689,6 @@ var Vue = (function (exports) {
       exports.devtools.emit("component:emit" /* COMPONENT_EMIT */, component.appContext.app, component, event, params);
   }
 
-  const deprecationData = {
-      ["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`
-      },
-      ["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`
-      },
-      ["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`
-      },
-      ["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`
-      },
-      ["GLOBAL_SET" /* GLOBAL_SET */]: {
-          message: `Vue.set() has been removed as it is no longer needed in Vue 3. ` +
-              `Simply use native JavaScript mutations.`
-      },
-      ["GLOBAL_DELETE" /* GLOBAL_DELETE */]: {
-          message: `Vue.delete() has been removed as it is no longer needed in Vue 3. ` +
-              `Simply use native JavaScript mutations.`
-      },
-      ["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`
-      },
-      ["GLOBAL_PRIVATE_UTIL" /* GLOBAL_PRIVATE_UTIL */]: {
-          message: `Vue.util has been removed. Please refactor to avoid its usage ` +
-              `since it was an internal API even in Vue 2.`
-      },
-      ["CONFIG_SILENT" /* CONFIG_SILENT */]: {
-          message: `config.silent has been removed because it is not good practice to ` +
-              `intentionally suppress warnings. You can use your browser console's ` +
-              `filter features to focus on relevant messages.`
-      },
-      ["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`
-      },
-      ["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`
-      },
-      ["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`
-      },
-      ["CONFIG_IGNORED_ELEMENTS" /* CONFIG_IGNORED_ELEMENTS */]: {
-          message: () => {
-              let msg = `config.ignoredElements has been removed.`;
-              if (isRuntimeOnly()) {
-                  msg += ` Pass the "isCustomElement" option to @vue/compiler-dom instead.`;
-              }
-              else {
-                  msg += ` Use config.isCustomElement instead.`;
-              }
-              return msg;
-          },
-          link: `https://v3.vuejs.org/guide/migration/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
-          // compilation, so it's put in the runtime compatConfig list.
-          message: `Vue 3 compiler's whitespace option will default to "condense" instead of ` +
-              `"preserve". To suppress this warning, provide an explicit value for ` +
-              `\`config.compilerOptions.whitespace\`.`
-      },
-      ["CONFIG_OPTION_MERGE_STRATS" /* CONFIG_OPTION_MERGE_STRATS */]: {
-          message: `config.optionMergeStrategies no longer exposes internal strategies. ` +
-              `Use custom merge functions instead.`
-      },
-      ["INSTANCE_SET" /* INSTANCE_SET */]: {
-          message: `vm.$set() has been removed as it is no longer needed in Vue 3. ` +
-              `Simply use native JavaScript mutations.`
-      },
-      ["INSTANCE_DELETE" /* INSTANCE_DELETE */]: {
-          message: `vm.$delete() has been removed as it is no longer needed in Vue 3. ` +
-              `Simply use native JavaScript mutations.`
-      },
-      ["INSTANCE_DESTROY" /* INSTANCE_DESTROY */]: {
-          message: `vm.$destroy() has been removed. Use app.unmount() instead.`,
-          link: `https://v3.vuejs.org/api/application-api.html#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`
-      },
-      ["INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */]: {
-          message: event => `"${event}" lifecycle events are no longer supported. From templates, ` +
-              `use the "vnode" prefix instead of "hook:". For example, @${event} ` +
-              `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`
-      },
-      ["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`
-      },
-      ["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`
-      },
-      ["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`
-      },
-      ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: {
-          message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` +
-              `relying on class/style fallthrough from parent. In Vue 3, class/style ` +
-              `are now included in $attrs and will no longer fallthrough when ` +
-              `inheritAttrs is false. If you are already using v-bind="$attrs" on ` +
-              `component root it should render the same end result. ` +
-              `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`
-      },
-      ["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`
-      },
-      ["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`
-      },
-      ["OPTIONS_BEFORE_DESTROY" /* OPTIONS_BEFORE_DESTROY */]: {
-          message: `\`beforeDestroy\` has been renamed to \`beforeUnmount\`.`
-      },
-      ["OPTIONS_DESTROYED" /* OPTIONS_DESTROYED */]: {
-          message: `\`destroyed\` has been renamed to \`unmounted\`.`
-      },
-      ["WATCH_ARRAY" /* WATCH_ARRAY */]: {
-          message: `"watch" option or vm.$watch on an array value will no longer ` +
-              `trigger on array mutation unless the "deep" option is specified. ` +
-              `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`
-      },
-      ["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`
-      },
-      ["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`
-      },
-      ["V_FOR_REF" /* V_FOR_REF */]: {
-          message: `Ref usage on v-for no longer creates array ref values in Vue 3. ` +
-              `Consider using function refs or refactor to avoid ref usage altogether.`,
-          link: `https://v3.vuejs.org/guide/migration/array-refs.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`
-      },
-      ["ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */]: {
-          message: (name) => `Attribute "${name}" with v-bind value \`false\` will render ` +
-              `${name}="false" instead of removing it in Vue 3. To remove the attribute, ` +
-              `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`
-      },
-      ["ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */]: {
-          message: (name, value, coerced) => `Enumerated attribute "${name}" with v-bind value \`${value}\` will ` +
-              `${value === null ? `be removed` : `render the value as-is`} instead of coercing the value to "${coerced}" in Vue 3. ` +
-              `Always use explicit "true" or "false" values for enumerated attributes. ` +
-              `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`
-      },
-      ["TRANSITION_CLASSES" /* TRANSITION_CLASSES */]: {
-          message: `` // this feature cannot be runtime-detected
-      },
-      ["TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */]: {
-          message: `<TransitionGroup> no longer renders a root <span> element by ` +
-              `default if no "tag" prop is specified. If you do not rely on the span ` +
-              `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`
-      },
-      ["COMPONENT_ASYNC" /* COMPONENT_ASYNC */]: {
-          message: (comp) => {
-              const name = getComponentName(comp);
-              return (`Async component${name ? ` <${name}>` : `s`} should be explicitly created via \`defineAsyncComponent()\` ` +
-                  `in Vue 3. Plain functions will be treated as functional components in ` +
-                  `non-compat build. If you have already migrated all async component ` +
-                  `usage and intend to use plain functions for functional components, ` +
-                  `you can disable the compat behavior and suppress this ` +
-                  `warning with:` +
-                  `\n\n  configureCompat({ ${"COMPONENT_ASYNC" /* COMPONENT_ASYNC */}: false })\n`);
-          },
-          link: `https://v3.vuejs.org/guide/migration/async-components.html`
-      },
-      ["COMPONENT_FUNCTIONAL" /* COMPONENT_FUNCTIONAL */]: {
-          message: (comp) => {
-              const name = getComponentName(comp);
-              return (`Functional component${name ? ` <${name}>` : `s`} should be defined as a plain function in Vue 3. The "functional" ` +
-                  `option has been removed. NOTE: Before migrating to use plain ` +
-                  `functions for functional components, first make sure that all async ` +
-                  `components usage have been migrated and its compat behavior has ` +
-                  `been disabled.`);
-          },
-          link: `https://v3.vuejs.org/guide/migration/functional-components.html`
-      },
-      ["COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */]: {
-          message: (comp) => {
-              const configMsg = `opt-in to ` +
-                  `Vue 3 behavior on a per-component basis with \`compatConfig: { ${"COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */}: false }\`.`;
-              if (comp.props &&
-                  (isArray(comp.props)
-                      ? comp.props.includes('modelValue')
-                      : hasOwn(comp.props, 'modelValue'))) {
-                  return (`Component delcares "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`
-      },
-      ["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`
-      },
-      ["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`
-      },
-      ["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' }.`
-      }
-  };
-  const instanceWarned = Object.create(null);
-  const warnCount = Object.create(null);
-  function warnDeprecation(key, instance, ...args) {
-      instance = instance || getCurrentInstance();
-      // check user config
-      const config = getCompatConfigForKey(key, instance);
-      if (config === 'suppress-warning') {
-          return;
-      }
-      const dupKey = key + args.join('');
-      let compId = instance && formatComponentName(instance, instance.type);
-      if (compId === 'Anonymous' && instance) {
-          compId = instance.uid;
-      }
-      // skip if the same warning is emitted for the same component type
-      const componentDupKey = dupKey + compId;
-      if (componentDupKey in instanceWarned) {
-          return;
-      }
-      instanceWarned[componentDupKey] = true;
-      // same warning, but different component. skip the long message and just
-      // log the key and count.
-      if (dupKey in warnCount) {
-          warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
-          return;
-      }
-      warnCount[dupKey] = 0;
-      const { message, link } = deprecationData[key];
-      warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
-      if (!isCompatEnabled(key, instance, true)) {
-          console.error(`^ The above deprecation's compat behavior is disabled and will likely ` +
-              `lead to runtime errors.`);
-      }
-  }
-  const globalCompatConfig = {
-      MODE: 2
-  };
-  function getCompatConfigForKey(key, instance) {
-      const instanceConfig = instance && instance.type.compatConfig;
-      if (instanceConfig && key in instanceConfig) {
-          return instanceConfig[key];
-      }
-      return globalCompatConfig[key];
-  }
-  function isCompatEnabled(key, instance, enableForBuiltIn = false) {
-      // skip compat for built-in components
-      if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) {
-          return false;
-      }
-      const rawMode = getCompatConfigForKey('MODE', instance) || 2;
-      const val = getCompatConfigForKey(key, instance);
-      const mode = isFunction(rawMode)
-          ? rawMode(instance && instance.type)
-          : rawMode;
-      if (mode === 2) {
-          return val !== false;
-      }
-      else {
-          return val === true || val === 'suppress-warning';
-      }
-  }
-
   function emit(instance, event, ...rawArgs) {
       const props = instance.vnode.props || EMPTY_OBJ;
       {
@@ -2248,12 +1914,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.
@@ -2284,97 +1950,91 @@ 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 (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.`);
+                  }
               }
           }
-          if (false &&
-              isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance) &&
-              vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ &&
-              root.shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) ;
-          // 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.`);
-              }
-              root.transition = vnode.transition;
-          }
-          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;
@@ -2909,8 +2569,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)
@@ -2918,7 +2578,7 @@ var Vue = (function (exports) {
               openBlock();
           }
           s = s();
-          if (isCompiledSlot) {
+          if (trackBlock) {
               s._d = true;
               block = currentBlock;
               closeBlock();
@@ -7014,7 +6674,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;
       }
@@ -7869,17 +7533,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
-          });
       });
   }
 
@@ -8623,11 +8289,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)
@@ -8958,7 +8631,7 @@ var Vue = (function (exports) {
   }
   /**
    * Vue `<script setup>` compiler macro for providing props default values when
-   * using type-based `defineProps` decalration.
+   * using type-based `defineProps` declaration.
    *
    * Example usage:
    * ```ts
@@ -9302,7 +8975,7 @@ var Vue = (function (exports) {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.8";
+  const version = "3.2.12";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
@@ -9424,19 +9097,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 {
@@ -9451,6 +9118,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) {
@@ -9784,6 +9457,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);
           }
@@ -9799,18 +9473,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() {
@@ -9831,15 +9504,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() {
@@ -9861,7 +9550,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
@@ -9876,7 +9569,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) {
@@ -9892,6 +9585,9 @@ var Vue = (function (exports) {
               }
           }
       }
+      _update() {
+          render(this._createVNode(), this.shadowRoot);
+      }
       _createVNode() {
           const vnode = createVNode(this._def, extend({}, this._props));
           if (!this._instance) {
@@ -9912,7 +9608,7 @@ var Vue = (function (exports) {
                           if (!this._def.__asyncLoader) {
                               // reload
                               this._instance = null;
-                              render(this._createVNode(), this.shadowRoot);
+                              this._update();
                           }
                       };
                   }
@@ -11519,7 +11215,7 @@ var Vue = (function (exports) {
       }
   }
 
-  const deprecationData$1 = {
+  const deprecationData = {
       ["COMPILER_IS_ON_ELEMENT" /* COMPILER_IS_ON_ELEMENT */]: {
           message: `Platform-native elements with "is" prop will no longer be ` +
               `treated as components in Vue 3 unless the "is" value is explicitly ` +
@@ -11588,7 +11284,7 @@ var Vue = (function (exports) {
           return value;
       }
   }
-  function isCompatEnabled$1(key, context) {
+  function isCompatEnabled(key, context) {
       const mode = getCompatValue('MODE', context);
       const value = getCompatValue(key, context);
       // in v3 mode, only enable if explicitly set to true
@@ -11596,18 +11292,18 @@ var Vue = (function (exports) {
       return mode === 3 ? value === true : value !== false;
   }
   function checkCompatEnabled(key, context, loc, ...args) {
-      const enabled = isCompatEnabled$1(key, context);
+      const enabled = isCompatEnabled(key, context);
       if (enabled) {
-          warnDeprecation$1(key, context, loc, ...args);
+          warnDeprecation(key, context, loc, ...args);
       }
       return enabled;
   }
-  function warnDeprecation$1(key, context, loc, ...args) {
+  function warnDeprecation(key, context, loc, ...args) {
       const val = getCompatValue(key, context);
       if (val === 'suppress-warning') {
           return;
       }
-      const { message, link } = deprecationData$1[key];
+      const { message, link } = deprecationData[key];
       const msg = `(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`;
       const err = new SyntaxError(msg);
       err.code = key;
@@ -12057,6 +11753,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);
           }
@@ -12119,8 +11822,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
@@ -13555,7 +13261,7 @@ var Vue = (function (exports) {
   // function params
   asParams = false, 
   // v-on handler values may contain multiple statements
-  asRawStatements = false) {
+  asRawStatements = false, localVars = Object.create(context.identifiers)) {
       {
           {
               // simple in-browser validation (same logic in 2.x)
@@ -14829,7 +14535,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) {