@vue/compat 3.3.0-alpha.8 → 3.3.0-beta.1

package/dist/vue.esm-bundler.js

@@ -120,7 +120,7 @@ const slotFlagsText = {
   [3]: "FORWARDED"
 };
 
-const GLOBALS_WHITE_LISTED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt";
+const GLOBALS_WHITE_LISTED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console";
 const isGloballyWhitelisted = /* @__PURE__ */ makeMap(GLOBALS_WHITE_LISTED);
 
 const range = 2;
@@ -1935,6 +1935,8 @@ function reload(id, newComp) {
       }
       hmrDirtyComponents.add(oldComp);
     }
+    instance.appContext.propsCache.delete(instance.type);
+    instance.appContext.emitsCache.delete(instance.type);
     instance.appContext.optionsCache.delete(instance.type);
     if (instance.ceReload) {
       hmrDirtyComponents.add(oldComp);
@@ -3253,7 +3255,8 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotSc
   }
 }
 let hasWarned = false;
-function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
+function createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
+  var _a;
   if (process.env.NODE_ENV !== "production" && true && !hasWarned) {
     hasWarned = true;
     console[console.info ? "info" : "log"](
@@ -3267,13 +3270,21 @@ function createSuspenseBoundary(vnode, parent, parentComponent, container, hidde
     n: next,
     o: { parentNode, remove }
   } = rendererInternals;
+  let parentSuspenseId;
+  const isSuspensible = ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+  if (isSuspensible) {
+    if (parentSuspense == null ? void 0 : parentSuspense.pendingBranch) {
+      parentSuspenseId = parentSuspense == null ? void 0 : parentSuspense.pendingId;
+      parentSuspense.deps++;
+    }
+  }
   const timeout = vnode.props ? toNumber(vnode.props.timeout) : void 0;
   if (process.env.NODE_ENV !== "production") {
     assertNumber(timeout, `Suspense timeout`);
   }
   const suspense = {
     vnode,
-    parent,
+    parent: parentSuspense,
     parentComponent,
     isSVG,
     container,
@@ -3333,20 +3344,28 @@ function createSuspenseBoundary(vnode, parent, parentComponent, container, hidde
       setActiveBranch(suspense, pendingBranch);
       suspense.pendingBranch = null;
       suspense.isInFallback = false;
-      let parent2 = suspense.parent;
+      let parent = suspense.parent;
       let hasUnresolvedAncestor = false;
-      while (parent2) {
-        if (parent2.pendingBranch) {
-          parent2.effects.push(...effects);
+      while (parent) {
+        if (parent.pendingBranch) {
+          parent.effects.push(...effects);
           hasUnresolvedAncestor = true;
           break;
         }
-        parent2 = parent2.parent;
+        parent = parent.parent;
       }
       if (!hasUnresolvedAncestor) {
         queuePostFlushCb(effects);
       }
       suspense.effects = [];
+      if (isSuspensible) {
+        if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
+          parentSuspense.deps--;
+          if (parentSuspense.deps === 0) {
+            parentSuspense.resolve();
+          }
+        }
+      }
       triggerEvent(vnode2, "onResolve");
     },
     fallback(fallbackVNode) {
@@ -3446,13 +3465,13 @@ function createSuspenseBoundary(vnode, parent, parentComponent, container, hidde
         }
       });
     },
-    unmount(parentSuspense, doRemove) {
+    unmount(parentSuspense2, doRemove) {
       suspense.isUnmounted = true;
       if (suspense.activeBranch) {
         unmount(
           suspense.activeBranch,
           parentComponent,
-          parentSuspense,
+          parentSuspense2,
           doRemove
         );
       }
@@ -3460,7 +3479,7 @@ function createSuspenseBoundary(vnode, parent, parentComponent, container, hidde
         unmount(
           suspense.pendingBranch,
           parentComponent,
-          parentSuspense,
+          parentSuspense2,
           doRemove
         );
       }
@@ -3553,33 +3572,41 @@ function setActiveBranch(suspense, branch) {
   }
 }
 
-function provide(key, value) {
-  if (!currentInstance) {
-    if (process.env.NODE_ENV !== "production") {
-      warn(`provide() can only be used inside setup().`);
-    }
-  } else {
-    let provides = currentInstance.provides;
-    const parentProvides = currentInstance.parent && currentInstance.parent.provides;
-    if (parentProvides === provides) {
-      provides = currentInstance.provides = Object.create(parentProvides);
-    }
-    provides[key] = value;
-  }
-}
-function inject(key, defaultValue, treatDefaultAsFactory = false) {
-  const instance = currentInstance || currentRenderingInstance;
-  if (instance) {
-    const provides = instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides;
-    if (provides && key in provides) {
-      return provides[key];
-    } else if (arguments.length > 1) {
-      return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance.proxy) : defaultValue;
-    } else if (process.env.NODE_ENV !== "production") {
-      warn(`injection "${String(key)}" not found.`);
+const legacyDirectiveHookMap = {
+  beforeMount: "bind",
+  mounted: "inserted",
+  updated: ["update", "componentUpdated"],
+  unmounted: "unbind"
+};
+function mapCompatDirectiveHook(name, dir, instance) {
+  const mappedName = legacyDirectiveHookMap[name];
+  if (mappedName) {
+    if (isArray(mappedName)) {
+      const hook = [];
+      mappedName.forEach((mapped) => {
+        const mappedHook = dir[mapped];
+        if (mappedHook) {
+          softAssertCompatEnabled(
+            "CUSTOM_DIR",
+            instance,
+            mapped,
+            name
+          );
+          hook.push(mappedHook);
+        }
+      });
+      return hook.length ? hook : void 0;
+    } else {
+      if (dir[mappedName]) {
+        softAssertCompatEnabled(
+          "CUSTOM_DIR",
+          instance,
+          mappedName,
+          name
+        );
+      }
+      return dir[mappedName];
     }
-  } else if (process.env.NODE_ENV !== "production") {
-    warn(`inject() can only be used inside setup() or functional components.`);
   }
 }
 
@@ -3839,6 +3866,68 @@ function traverse(value, seen) {
   return value;
 }
 
+function validateDirectiveName(name) {
+  if (isBuiltInDirective(name)) {
+    warn("Do not use built-in directive ids as custom directive id: " + name);
+  }
+}
+function withDirectives(vnode, directives) {
+  const internalInstance = currentRenderingInstance;
+  if (internalInstance === null) {
+    process.env.NODE_ENV !== "production" && warn(`withDirectives can only be used inside render functions.`);
+    return vnode;
+  }
+  const instance = getExposeProxy(internalInstance) || internalInstance.proxy;
+  const bindings = vnode.dirs || (vnode.dirs = []);
+  for (let i = 0; i < directives.length; i++) {
+    let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
+    if (dir) {
+      if (isFunction(dir)) {
+        dir = {
+          mounted: dir,
+          updated: dir
+        };
+      }
+      if (dir.deep) {
+        traverse(value);
+      }
+      bindings.push({
+        dir,
+        instance,
+        value,
+        oldValue: void 0,
+        arg,
+        modifiers
+      });
+    }
+  }
+  return vnode;
+}
+function invokeDirectiveHook(vnode, prevVNode, instance, name) {
+  const bindings = vnode.dirs;
+  const oldBindings = prevVNode && prevVNode.dirs;
+  for (let i = 0; i < bindings.length; i++) {
+    const binding = bindings[i];
+    if (oldBindings) {
+      binding.oldValue = oldBindings[i].value;
+    }
+    let hook = binding.dir[name];
+    if (!hook) {
+      hook = mapCompatDirectiveHook(name, binding.dir, instance);
+    }
+    if (hook) {
+      pauseTracking();
+      callWithAsyncErrorHandling(hook, instance, 8, [
+        vnode.el,
+        binding,
+        vnode,
+        prevVNode
+      ]);
+      resetTracking();
+    }
+  }
+}
+
 function useTransitionState() {
   const state = {
     isMounted: false,
@@ -4645,106 +4734,6 @@ function getCompatListeners(instance) {
   return listeners;
 }
 
-const legacyDirectiveHookMap = {
-  beforeMount: "bind",
-  mounted: "inserted",
-  updated: ["update", "componentUpdated"],
-  unmounted: "unbind"
-};
-function mapCompatDirectiveHook(name, dir, instance) {
-  const mappedName = legacyDirectiveHookMap[name];
-  if (mappedName) {
-    if (isArray(mappedName)) {
-      const hook = [];
-      mappedName.forEach((mapped) => {
-        const mappedHook = dir[mapped];
-        if (mappedHook) {
-          softAssertCompatEnabled(
-            "CUSTOM_DIR",
-            instance,
-            mapped,
-            name
-          );
-          hook.push(mappedHook);
-        }
-      });
-      return hook.length ? hook : void 0;
-    } else {
-      if (dir[mappedName]) {
-        softAssertCompatEnabled(
-          "CUSTOM_DIR",
-          instance,
-          mappedName,
-          name
-        );
-      }
-      return dir[mappedName];
-    }
-  }
-}
-
-function validateDirectiveName(name) {
-  if (isBuiltInDirective(name)) {
-    warn("Do not use built-in directive ids as custom directive id: " + name);
-  }
-}
-function withDirectives(vnode, directives) {
-  const internalInstance = currentRenderingInstance;
-  if (internalInstance === null) {
-    process.env.NODE_ENV !== "production" && warn(`withDirectives can only be used inside render functions.`);
-    return vnode;
-  }
-  const instance = getExposeProxy(internalInstance) || internalInstance.proxy;
-  const bindings = vnode.dirs || (vnode.dirs = []);
-  for (let i = 0; i < directives.length; i++) {
-    let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
-    if (dir) {
-      if (isFunction(dir)) {
-        dir = {
-          mounted: dir,
-          updated: dir
-        };
-      }
-      if (dir.deep) {
-        traverse(value);
-      }
-      bindings.push({
-        dir,
-        instance,
-        value,
-        oldValue: void 0,
-        arg,
-        modifiers
-      });
-    }
-  }
-  return vnode;
-}
-function invokeDirectiveHook(vnode, prevVNode, instance, name) {
-  const bindings = vnode.dirs;
-  const oldBindings = prevVNode && prevVNode.dirs;
-  for (let i = 0; i < bindings.length; i++) {
-    const binding = bindings[i];
-    if (oldBindings) {
-      binding.oldValue = oldBindings[i].value;
-    }
-    let hook = binding.dir[name];
-    if (!hook) {
-      hook = mapCompatDirectiveHook(name, binding.dir, instance);
-    }
-    if (hook) {
-      pauseTracking();
-      callWithAsyncErrorHandling(hook, instance, 8, [
-        vnode.el,
-        binding,
-        vnode,
-        prevVNode
-      ]);
-      resetTracking();
-    }
-  }
-}
-
 const COMPONENTS = "components";
 const DIRECTIVES = "directives";
 const FILTERS = "filters";
@@ -5460,6 +5449,8 @@ const PublicInstanceProxyHandlers = {
       if (key === "$attrs") {
         track(instance, "get", key);
         process.env.NODE_ENV !== "production" && markAttrsAccessed();
+      } else if (process.env.NODE_ENV !== "production" && key === "$slots") {
+        track(instance, "get", key);
       }
       return publicGetter(instance);
     } else if (
@@ -5649,27 +5640,182 @@ function deepMergeData(to, from) {
   return to;
 }
 
-function createDuplicateChecker() {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (type, key) => {
-    if (cache[key]) {
-      warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
-    } else {
-      cache[key] = type;
-    }
-  };
-}
-let shouldCacheAccess = true;
-function applyOptions(instance) {
-  const options = resolveMergedOptions(instance);
-  const publicThis = instance.proxy;
-  const ctx = instance.ctx;
-  shouldCacheAccess = false;
-  if (options.beforeCreate) {
-    callHook$1(options.beforeCreate, instance, "bc");
+const warnRuntimeUsage = (method) => warn(
+  `${method}() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect.`
+);
+function defineProps() {
+  if (process.env.NODE_ENV !== "production") {
+    warnRuntimeUsage(`defineProps`);
   }
-  const {
-    // state
+  return null;
+}
+function defineEmits() {
+  if (process.env.NODE_ENV !== "production") {
+    warnRuntimeUsage(`defineEmits`);
+  }
+  return null;
+}
+function defineExpose(exposed) {
+  if (process.env.NODE_ENV !== "production") {
+    warnRuntimeUsage(`defineExpose`);
+  }
+}
+function defineOptions(options) {
+  if (process.env.NODE_ENV !== "production") {
+    warnRuntimeUsage(`defineOptions`);
+  }
+}
+function defineSlots() {
+  if (process.env.NODE_ENV !== "production") {
+    warnRuntimeUsage(`defineSlots`);
+  }
+  return null;
+}
+function defineModel() {
+  if (process.env.NODE_ENV !== "production") {
+    warnRuntimeUsage("defineModel");
+  }
+}
+function withDefaults(props, defaults) {
+  if (process.env.NODE_ENV !== "production") {
+    warnRuntimeUsage(`withDefaults`);
+  }
+  return null;
+}
+function useSlots() {
+  return getContext().slots;
+}
+function useAttrs() {
+  return getContext().attrs;
+}
+function useModel(props, name, options) {
+  const i = getCurrentInstance();
+  if (process.env.NODE_ENV !== "production" && !i) {
+    warn(`useModel() called without active instance.`);
+    return ref();
+  }
+  if (process.env.NODE_ENV !== "production" && !i.propsOptions[0][name]) {
+    warn(`useModel() called with prop "${name}" which is not declared.`);
+    return ref();
+  }
+  if (options && options.local) {
+    const proxy = ref(props[name]);
+    watch(
+      () => props[name],
+      (v) => proxy.value = v
+    );
+    watch(proxy, (value) => {
+      if (value !== props[name]) {
+        i.emit(`update:${name}`, value);
+      }
+    });
+    return proxy;
+  } else {
+    return {
+      __v_isRef: true,
+      get value() {
+        return props[name];
+      },
+      set value(value) {
+        i.emit(`update:${name}`, value);
+      }
+    };
+  }
+}
+function getContext() {
+  const i = getCurrentInstance();
+  if (process.env.NODE_ENV !== "production" && !i) {
+    warn(`useContext() called without active instance.`);
+  }
+  return i.setupContext || (i.setupContext = createSetupContext(i));
+}
+function normalizePropsOrEmits(props) {
+  return isArray(props) ? props.reduce(
+    (normalized, p) => (normalized[p] = null, normalized),
+    {}
+  ) : props;
+}
+function mergeDefaults(raw, defaults) {
+  const props = normalizePropsOrEmits(raw);
+  for (const key in defaults) {
+    if (key.startsWith("__skip"))
+      continue;
+    let opt = props[key];
+    if (opt) {
+      if (isArray(opt) || isFunction(opt)) {
+        opt = props[key] = { type: opt, default: defaults[key] };
+      } else {
+        opt.default = defaults[key];
+      }
+    } else if (opt === null) {
+      opt = props[key] = { default: defaults[key] };
+    } else if (process.env.NODE_ENV !== "production") {
+      warn(`props default key "${key}" has no corresponding declaration.`);
+    }
+    if (opt && defaults[`__skip_${key}`]) {
+      opt.skipFactory = true;
+    }
+  }
+  return props;
+}
+function mergeModels(a, b) {
+  if (!a || !b)
+    return a || b;
+  if (isArray(a) && isArray(b))
+    return a.concat(b);
+  return extend({}, normalizePropsOrEmits(a), normalizePropsOrEmits(b));
+}
+function createPropsRestProxy(props, excludedKeys) {
+  const ret = {};
+  for (const key in props) {
+    if (!excludedKeys.includes(key)) {
+      Object.defineProperty(ret, key, {
+        enumerable: true,
+        get: () => props[key]
+      });
+    }
+  }
+  return ret;
+}
+function withAsyncContext(getAwaitable) {
+  const ctx = getCurrentInstance();
+  if (process.env.NODE_ENV !== "production" && !ctx) {
+    warn(
+      `withAsyncContext called without active current instance. This is likely a bug.`
+    );
+  }
+  let awaitable = getAwaitable();
+  unsetCurrentInstance();
+  if (isPromise(awaitable)) {
+    awaitable = awaitable.catch((e) => {
+      setCurrentInstance(ctx);
+      throw e;
+    });
+  }
+  return [awaitable, () => setCurrentInstance(ctx)];
+}
+
+function createDuplicateChecker() {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (type, key) => {
+    if (cache[key]) {
+      warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
+    } else {
+      cache[key] = type;
+    }
+  };
+}
+let shouldCacheAccess = true;
+function applyOptions(instance) {
+  const options = resolveMergedOptions(instance);
+  const publicThis = instance.proxy;
+  const ctx = instance.ctx;
+  shouldCacheAccess = false;
+  if (options.beforeCreate) {
+    callHook$1(options.beforeCreate, instance, "bc");
+  }
+  const {
+    // state
     data: dataOptions,
     computed: computedOptions,
     methods,
@@ -5711,12 +5857,7 @@ function applyOptions(instance) {
     }
   }
   if (injectOptions) {
-    resolveInjections(
-      injectOptions,
-      ctx,
-      checkDuplicateProperties,
-      instance.appContext.config.unwrapInjectedRef
-    );
+    resolveInjections(injectOptions, ctx, checkDuplicateProperties);
   }
   if (methods) {
     for (const key in methods) {
@@ -5869,7 +6010,7 @@ function applyOptions(instance) {
     instance.filters = filters;
   }
 }
-function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) {
+function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
   if (isArray(injectOptions)) {
     injectOptions = normalizeInject(injectOptions);
   }
@@ -5891,21 +6032,12 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP,
       injected = inject(opt);
     }
     if (isRef(injected)) {
-      if (unwrapRef) {
-        Object.defineProperty(ctx, key, {
-          enumerable: true,
-          configurable: true,
-          get: () => injected.value,
-          set: (v) => injected.value = v
-        });
-      } else {
-        if (process.env.NODE_ENV !== "production") {
-          warn(
-            `injected property "${key}" is a ref and will be auto-unwrapped and no longer needs \`.value\` in the next minor release. To opt-in to the new behavior now, set \`app.config.unwrapInjectedRef = true\` (this config is temporary and will not be needed in the future.)`
-          );
-        }
-        ctx[key] = injected;
-      }
+      Object.defineProperty(ctx, key, {
+        enumerable: true,
+        configurable: true,
+        get: () => injected.value,
+        set: (v) => injected.value = v
+      });
     } else {
       ctx[key] = injected;
     }
@@ -6008,10 +6140,8 @@ function mergeOptions(to, from, strats, asMixin = false) {
 }
 const internalOptionMergeStrats = {
   data: mergeDataFn,
-  props: mergeObjectOptions,
-  // TODO
-  emits: mergeObjectOptions,
-  // TODO
+  props: mergeEmitsOrPropsOptions,
+  emits: mergeEmitsOrPropsOptions,
   // objects
   methods: mergeObjectOptions,
   computed: mergeObjectOptions,
@@ -6073,7 +6203,21 @@ function mergeAsArray$1(to, from) {
   return to ? [...new Set([].concat(to, from))] : from;
 }
 function mergeObjectOptions(to, from) {
-  return to ? extend(extend(/* @__PURE__ */ Object.create(null), to), from) : from;
+  return to ? extend(/* @__PURE__ */ Object.create(null), to, from) : from;
+}
+function mergeEmitsOrPropsOptions(to, from) {
+  if (to) {
+    if (isArray(to) && isArray(from)) {
+      return [.../* @__PURE__ */ new Set([...to, ...from])];
+    }
+    return extend(
+      /* @__PURE__ */ Object.create(null),
+      normalizePropsOrEmits(to),
+      normalizePropsOrEmits(from != null ? from : {})
+    );
+  } else {
+    return from;
+  }
 }
 function mergeWatchOptions(to, from) {
   if (!to)
@@ -6087,1182 +6231,1237 @@ function mergeWatchOptions(to, from) {
   return merged;
 }
 
-function createPropsDefaultThis(instance, rawProps, propKey) {
-  return new Proxy(
-    {},
-    {
-      get(_, key) {
-        process.env.NODE_ENV !== "production" && warnDeprecation$1("PROPS_DEFAULT_THIS", null, propKey);
-        if (key === "$options") {
-          return resolveMergedOptions(instance);
-        }
-        if (key in rawProps) {
-          return rawProps[key];
-        }
-        const injections = instance.type.inject;
-        if (injections) {
-          if (isArray(injections)) {
-            if (injections.includes(key)) {
-              return inject(key);
-            }
-          } else if (key in injections) {
-            return inject(key);
-          }
+function installLegacyConfigWarnings(config) {
+  const legacyConfigOptions = {
+    silent: "CONFIG_SILENT",
+    devtools: "CONFIG_DEVTOOLS",
+    ignoredElements: "CONFIG_IGNORED_ELEMENTS",
+    keyCodes: "CONFIG_KEY_CODES",
+    productionTip: "CONFIG_PRODUCTION_TIP"
+  };
+  Object.keys(legacyConfigOptions).forEach((key) => {
+    let val = config[key];
+    Object.defineProperty(config, key, {
+      enumerable: true,
+      get() {
+        return val;
+      },
+      set(newVal) {
+        if (!isCopyingConfig) {
+          warnDeprecation$1(legacyConfigOptions[key], null);
         }
+        val = newVal;
       }
-    }
-  );
+    });
+  });
 }
-
-function shouldSkipAttr(key, instance) {
-  if (key === "is") {
-    return true;
-  }
-  if ((key === "class" || key === "style") && isCompatEnabled$1("INSTANCE_ATTRS_CLASS_STYLE", instance)) {
-    return true;
-  }
-  if (isOn(key) && isCompatEnabled$1("INSTANCE_LISTENERS", instance)) {
-    return true;
-  }
-  if (key.startsWith("routerView") || key === "registerRouteInstance") {
-    return true;
-  }
-  return false;
+function installLegacyOptionMergeStrats(config) {
+  config.optionMergeStrategies = new Proxy({}, {
+    get(target, key) {
+      if (key in target) {
+        return target[key];
+      }
+      if (key in internalOptionMergeStrats && softAssertCompatEnabled(
+        "CONFIG_OPTION_MERGE_STRATS",
+        null
+      )) {
+        return internalOptionMergeStrats[key];
+      }
+    }
+  });
 }
 
-function initProps(instance, rawProps, isStateful, isSSR = false) {
-  const props = {};
-  const attrs = {};
-  def(attrs, InternalObjectKey, 1);
-  instance.propsDefaults = /* @__PURE__ */ Object.create(null);
-  setFullProps(instance, rawProps, props, attrs);
-  for (const key in instance.propsOptions[0]) {
-    if (!(key in props)) {
-      props[key] = void 0;
+let isCopyingConfig = false;
+let singletonApp;
+let singletonCtor;
+function createCompatVue$1(createApp, createSingletonApp) {
+  singletonApp = createSingletonApp({});
+  const Vue = singletonCtor = function Vue2(options = {}) {
+    return createCompatApp(options, Vue2);
+  };
+  function createCompatApp(options = {}, Ctor) {
+    assertCompatEnabled("GLOBAL_MOUNT", null);
+    const { data } = options;
+    if (data && !isFunction(data) && softAssertCompatEnabled("OPTIONS_DATA_FN", null)) {
+      options.data = () => data;
     }
-  }
-  if (process.env.NODE_ENV !== "production") {
-    validateProps(rawProps || {}, props, instance);
-  }
-  if (isStateful) {
-    instance.props = isSSR ? props : shallowReactive(props);
-  } else {
-    if (!instance.type.props) {
-      instance.props = attrs;
+    const app = createApp(options);
+    if (Ctor !== Vue) {
+      applySingletonPrototype(app, Ctor);
+    }
+    const vm = app._createRoot(options);
+    if (options.el) {
+      return vm.$mount(options.el);
     } else {
-      instance.props = props;
+      return vm;
     }
   }
-  instance.attrs = attrs;
-}
-function isInHmrContext(instance) {
-  while (instance) {
-    if (instance.type.__hmrId)
-      return true;
-    instance = instance.parent;
-  }
-}
-function updateProps(instance, rawProps, rawPrevProps, optimized) {
-  const {
-    props,
-    attrs,
-    vnode: { patchFlag }
-  } = instance;
-  const rawCurrentProps = toRaw(props);
-  const [options] = instance.propsOptions;
-  let hasAttrsChanged = false;
-  if (
-    // always force full diff in dev
-    // - #1942 if hmr is enabled with sfc component
-    // - vite#872 non-sfc component used by sfc component
-    !(process.env.NODE_ENV !== "production" && isInHmrContext(instance)) && (optimized || patchFlag > 0) && !(patchFlag & 16)
-  ) {
-    if (patchFlag & 8) {
-      const propsToUpdate = instance.vnode.dynamicProps;
-      for (let i = 0; i < propsToUpdate.length; i++) {
-        let key = propsToUpdate[i];
-        if (isEmitListener(instance.emitsOptions, key)) {
-          continue;
-        }
-        const value = rawProps[key];
-        if (options) {
-          if (hasOwn(attrs, key)) {
-            if (value !== attrs[key]) {
-              attrs[key] = value;
-              hasAttrsChanged = true;
-            }
-          } else {
-            const camelizedKey = camelize(key);
-            props[camelizedKey] = resolvePropValue(
-              options,
-              rawCurrentProps,
-              camelizedKey,
-              value,
-              instance,
-              false
-              /* isAbsent */
-            );
-          }
-        } else {
-          {
-            if (isOn(key) && key.endsWith("Native")) {
-              key = key.slice(0, -6);
-            } else if (shouldSkipAttr(key, instance)) {
-              continue;
-            }
-          }
-          if (value !== attrs[key]) {
-            attrs[key] = value;
-            hasAttrsChanged = true;
-          }
-        }
-      }
-    }
-  } else {
-    if (setFullProps(instance, rawProps, props, attrs)) {
-      hasAttrsChanged = true;
+  Vue.version = `2.6.14-compat:${"3.3.0-beta.1"}`;
+  Vue.config = singletonApp.config;
+  Vue.use = (p, ...options) => {
+    if (p && isFunction(p.install)) {
+      p.install(Vue, ...options);
+    } else if (isFunction(p)) {
+      p(Vue, ...options);
     }
-    let kebabKey;
-    for (const key in rawCurrentProps) {
-      if (!rawProps || // for camelCase
-      !hasOwn(rawProps, key) && // it's possible the original props was passed in as kebab-case
-      // and converted to camelCase (#955)
-      ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey))) {
-        if (options) {
-          if (rawPrevProps && // for camelCase
-          (rawPrevProps[key] !== void 0 || // for kebab-case
-          rawPrevProps[kebabKey] !== void 0)) {
-            props[key] = resolvePropValue(
-              options,
-              rawCurrentProps,
-              key,
-              void 0,
-              instance,
-              true
-              /* isAbsent */
-            );
-          }
-        } else {
-          delete props[key];
-        }
-      }
+    return Vue;
+  };
+  Vue.mixin = (m) => {
+    singletonApp.mixin(m);
+    return Vue;
+  };
+  Vue.component = (name, comp) => {
+    if (comp) {
+      singletonApp.component(name, comp);
+      return Vue;
+    } else {
+      return singletonApp.component(name);
     }
-    if (attrs !== rawCurrentProps) {
-      for (const key in attrs) {
-        if (!rawProps || !hasOwn(rawProps, key) && !hasOwn(rawProps, key + "Native")) {
-          delete attrs[key];
-          hasAttrsChanged = true;
-        }
-      }
+  };
+  Vue.directive = (name, dir) => {
+    if (dir) {
+      singletonApp.directive(name, dir);
+      return Vue;
+    } else {
+      return singletonApp.directive(name);
     }
-  }
-  if (hasAttrsChanged) {
-    trigger(instance, "set", "$attrs");
-  }
-  if (process.env.NODE_ENV !== "production") {
-    validateProps(rawProps || {}, props, instance);
-  }
-}
-function setFullProps(instance, rawProps, props, attrs) {
-  const [options, needCastKeys] = instance.propsOptions;
-  let hasAttrsChanged = false;
-  let rawCastValues;
-  if (rawProps) {
-    for (let key in rawProps) {
-      if (isReservedProp(key)) {
-        continue;
-      }
-      {
-        if (key.startsWith("onHook:")) {
-          softAssertCompatEnabled(
-            "INSTANCE_EVENT_HOOKS",
-            instance,
-            key.slice(2).toLowerCase()
-          );
-        }
-        if (key === "inline-template") {
-          continue;
-        }
-      }
-      const value = rawProps[key];
-      let camelKey;
-      if (options && hasOwn(options, camelKey = camelize(key))) {
-        if (!needCastKeys || !needCastKeys.includes(camelKey)) {
-          props[camelKey] = value;
-        } else {
-          (rawCastValues || (rawCastValues = {}))[camelKey] = value;
-        }
-      } else if (!isEmitListener(instance.emitsOptions, key)) {
-        {
-          if (isOn(key) && key.endsWith("Native")) {
-            key = key.slice(0, -6);
-          } else if (shouldSkipAttr(key, instance)) {
-            continue;
-          }
-        }
-        if (!(key in attrs) || value !== attrs[key]) {
-          attrs[key] = value;
-          hasAttrsChanged = true;
-        }
-      }
+  };
+  Vue.options = { _base: Vue };
+  let cid = 1;
+  Vue.cid = cid;
+  Vue.nextTick = nextTick;
+  const extendCache = /* @__PURE__ */ new WeakMap();
+  function extendCtor(extendOptions = {}) {
+    assertCompatEnabled("GLOBAL_EXTEND", null);
+    if (isFunction(extendOptions)) {
+      extendOptions = extendOptions.options;
     }
-  }
-  if (needCastKeys) {
-    const rawCurrentProps = toRaw(props);
-    const castValues = rawCastValues || EMPTY_OBJ;
-    for (let i = 0; i < needCastKeys.length; i++) {
-      const key = needCastKeys[i];
-      props[key] = resolvePropValue(
-        options,
-        rawCurrentProps,
-        key,
-        castValues[key],
-        instance,
-        !hasOwn(castValues, key)
-      );
+    if (extendCache.has(extendOptions)) {
+      return extendCache.get(extendOptions);
     }
-  }
-  return hasAttrsChanged;
-}
-function resolvePropValue(options, props, key, value, instance, isAbsent) {
-  const opt = options[key];
-  if (opt != null) {
-    const hasDefault = hasOwn(opt, "default");
-    if (hasDefault && value === void 0) {
-      const defaultValue = opt.default;
-      if (opt.type !== Function && !opt.skipFactory && isFunction(defaultValue)) {
-        const { propsDefaults } = instance;
-        if (key in propsDefaults) {
-          value = propsDefaults[key];
-        } else {
-          setCurrentInstance(instance);
-          value = propsDefaults[key] = defaultValue.call(
-            isCompatEnabled$1("PROPS_DEFAULT_THIS", instance) ? createPropsDefaultThis(instance, props, key) : null,
-            props
-          );
-          unsetCurrentInstance();
-        }
+    const Super = this;
+    function SubVue(inlineOptions) {
+      if (!inlineOptions) {
+        return createCompatApp(SubVue.options, SubVue);
       } else {
-        value = defaultValue;
+        return createCompatApp(
+          mergeOptions(
+            extend({}, SubVue.options),
+            inlineOptions,
+            internalOptionMergeStrats
+          ),
+          SubVue
+        );
       }
     }
-    if (opt[0 /* shouldCast */]) {
-      if (isAbsent && !hasDefault) {
-        value = false;
-      } else if (opt[1 /* shouldCastTrue */] && (value === "" || value === hyphenate(key))) {
-        value = true;
-      }
+    SubVue.super = Super;
+    SubVue.prototype = Object.create(Vue.prototype);
+    SubVue.prototype.constructor = SubVue;
+    const mergeBase = {};
+    for (const key in Super.options) {
+      const superValue = Super.options[key];
+      mergeBase[key] = isArray(superValue) ? superValue.slice() : isObject(superValue) ? extend(/* @__PURE__ */ Object.create(null), superValue) : superValue;
     }
+    SubVue.options = mergeOptions(
+      mergeBase,
+      extendOptions,
+      internalOptionMergeStrats
+    );
+    SubVue.options._base = SubVue;
+    SubVue.extend = extendCtor.bind(SubVue);
+    SubVue.mixin = Super.mixin;
+    SubVue.use = Super.use;
+    SubVue.cid = ++cid;
+    extendCache.set(extendOptions, SubVue);
+    return SubVue;
   }
-  return value;
-}
-function normalizePropsOptions(comp, appContext, asMixin = false) {
-  const cache = appContext.propsCache;
-  const cached = cache.get(comp);
-  if (cached) {
-    return cached;
-  }
-  const raw = comp.props;
-  const normalized = {};
-  const needCastKeys = [];
-  let hasExtends = false;
-  if (__VUE_OPTIONS_API__ && !isFunction(comp)) {
-    const extendProps = (raw2) => {
-      if (isFunction(raw2)) {
-        raw2 = raw2.options;
-      }
-      hasExtends = true;
-      const [props, keys] = normalizePropsOptions(raw2, appContext, true);
-      extend(normalized, props);
-      if (keys)
-        needCastKeys.push(...keys);
-    };
-    if (!asMixin && appContext.mixins.length) {
-      appContext.mixins.forEach(extendProps);
-    }
-    if (comp.extends) {
-      extendProps(comp.extends);
+  Vue.extend = extendCtor.bind(Vue);
+  Vue.set = (target, key, value) => {
+    assertCompatEnabled("GLOBAL_SET", null);
+    target[key] = value;
+  };
+  Vue.delete = (target, key) => {
+    assertCompatEnabled("GLOBAL_DELETE", null);
+    delete target[key];
+  };
+  Vue.observable = (target) => {
+    assertCompatEnabled("GLOBAL_OBSERVABLE", null);
+    return reactive(target);
+  };
+  Vue.filter = (name, filter) => {
+    if (filter) {
+      singletonApp.filter(name, filter);
+      return Vue;
+    } else {
+      return singletonApp.filter(name);
     }
-    if (comp.mixins) {
-      comp.mixins.forEach(extendProps);
+  };
+  const util = {
+    warn: process.env.NODE_ENV !== "production" ? warn : NOOP,
+    extend,
+    mergeOptions: (parent, child, vm) => mergeOptions(
+      parent,
+      child,
+      vm ? void 0 : internalOptionMergeStrats
+    ),
+    defineReactive
+  };
+  Object.defineProperty(Vue, "util", {
+    get() {
+      assertCompatEnabled("GLOBAL_PRIVATE_UTIL", null);
+      return util;
     }
+  });
+  Vue.configureCompat = configureCompat$1;
+  return Vue;
+}
+function installAppCompatProperties(app, context, render) {
+  installFilterMethod(app, context);
+  installLegacyOptionMergeStrats(app.config);
+  if (!singletonApp) {
+    return;
   }
-  if (!raw && !hasExtends) {
-    if (isObject(comp)) {
-      cache.set(comp, EMPTY_ARR);
+  installCompatMount(app, context, render);
+  installLegacyAPIs(app);
+  applySingletonAppMutations(app);
+  if (process.env.NODE_ENV !== "production")
+    installLegacyConfigWarnings(app.config);
+}
+function installFilterMethod(app, context) {
+  context.filters = {};
+  app.filter = (name, filter) => {
+    assertCompatEnabled("FILTERS", null);
+    if (!filter) {
+      return context.filters[name];
     }
-    return EMPTY_ARR;
-  }
-  if (isArray(raw)) {
-    for (let i = 0; i < raw.length; i++) {
-      if (process.env.NODE_ENV !== "production" && !isString(raw[i])) {
-        warn(`props must be strings when using array syntax.`, raw[i]);
+    if (process.env.NODE_ENV !== "production" && context.filters[name]) {
+      warn(`Filter "${name}" has already been registered.`);
+    }
+    context.filters[name] = filter;
+    return app;
+  };
+}
+function installLegacyAPIs(app) {
+  Object.defineProperties(app, {
+    // so that app.use() can work with legacy plugins that extend prototypes
+    prototype: {
+      get() {
+        process.env.NODE_ENV !== "production" && warnDeprecation$1("GLOBAL_PROTOTYPE", null);
+        return app.config.globalProperties;
       }
-      const normalizedKey = camelize(raw[i]);
-      if (validatePropName(normalizedKey)) {
-        normalized[normalizedKey] = EMPTY_OBJ;
+    },
+    nextTick: { value: nextTick },
+    extend: { value: singletonCtor.extend },
+    set: { value: singletonCtor.set },
+    delete: { value: singletonCtor.delete },
+    observable: { value: singletonCtor.observable },
+    util: {
+      get() {
+        return singletonCtor.util;
       }
     }
-  } else if (raw) {
-    if (process.env.NODE_ENV !== "production" && !isObject(raw)) {
-      warn(`invalid props options`, raw);
+  });
+}
+function applySingletonAppMutations(app) {
+  app._context.mixins = [...singletonApp._context.mixins];
+  ["components", "directives", "filters"].forEach((key) => {
+    app._context[key] = Object.create(singletonApp._context[key]);
+  });
+  isCopyingConfig = true;
+  for (const key in singletonApp.config) {
+    if (key === "isNativeTag")
+      continue;
+    if (isRuntimeOnly() && (key === "isCustomElement" || key === "compilerOptions")) {
+      continue;
     }
-    for (const key in raw) {
-      const normalizedKey = camelize(key);
-      if (validatePropName(normalizedKey)) {
-        const opt = raw[key];
-        const prop = normalized[normalizedKey] = isArray(opt) || isFunction(opt) ? { type: opt } : extend({}, opt);
-        if (prop) {
-          const booleanIndex = getTypeIndex(Boolean, prop.type);
-          const stringIndex = getTypeIndex(String, prop.type);
-          prop[0 /* shouldCast */] = booleanIndex > -1;
-          prop[1 /* shouldCastTrue */] = stringIndex < 0 || booleanIndex < stringIndex;
-          if (booleanIndex > -1 || hasOwn(prop, "default")) {
-            needCastKeys.push(normalizedKey);
-          }
-        }
-      }
+    const val = singletonApp.config[key];
+    app.config[key] = isObject(val) ? Object.create(val) : val;
+    if (key === "ignoredElements" && isCompatEnabled$1("CONFIG_IGNORED_ELEMENTS", null) && !isRuntimeOnly() && isArray(val)) {
+      app.config.compilerOptions.isCustomElement = (tag) => {
+        return val.some((v) => isString(v) ? v === tag : v.test(tag));
+      };
     }
   }
-  const res = [normalized, needCastKeys];
-  if (isObject(comp)) {
-    cache.set(comp, res);
-  }
-  return res;
+  isCopyingConfig = false;
+  applySingletonPrototype(app, singletonCtor);
 }
-function validatePropName(key) {
-  if (key[0] !== "$") {
-    return true;
-  } else if (process.env.NODE_ENV !== "production") {
-    warn(`Invalid prop name: "${key}" is a reserved property.`);
+function applySingletonPrototype(app, Ctor) {
+  const enabled = isCompatEnabled$1("GLOBAL_PROTOTYPE", null);
+  if (enabled) {
+    app.config.globalProperties = Object.create(Ctor.prototype);
   }
-  return false;
-}
-function getType(ctor) {
-  const match = ctor && ctor.toString().match(/^\s*(function|class) (\w+)/);
-  return match ? match[2] : ctor === null ? "null" : "";
-}
-function isSameType(a, b) {
-  return getType(a) === getType(b);
-}
-function getTypeIndex(type, expectedTypes) {
-  if (isArray(expectedTypes)) {
-    return expectedTypes.findIndex((t) => isSameType(t, type));
-  } else if (isFunction(expectedTypes)) {
-    return isSameType(expectedTypes, type) ? 0 : -1;
+  let hasPrototypeAugmentations = false;
+  const descriptors = Object.getOwnPropertyDescriptors(Ctor.prototype);
+  for (const key in descriptors) {
+    if (key !== "constructor") {
+      hasPrototypeAugmentations = true;
+      if (enabled) {
+        Object.defineProperty(
+          app.config.globalProperties,
+          key,
+          descriptors[key]
+        );
+      }
+    }
   }
-  return -1;
-}
-function validateProps(rawProps, props, instance) {
-  const resolvedValues = toRaw(props);
-  const options = instance.propsOptions[0];
-  for (const key in options) {
-    let opt = options[key];
-    if (opt == null)
-      continue;
-    validateProp(
-      key,
-      resolvedValues[key],
-      opt,
-      !hasOwn(rawProps, key) && !hasOwn(rawProps, hyphenate(key))
-    );
+  if (process.env.NODE_ENV !== "production" && hasPrototypeAugmentations) {
+    warnDeprecation$1("GLOBAL_PROTOTYPE", null);
   }
 }
-function validateProp(name, value, prop, isAbsent) {
-  const { type, required, validator, skipCheck } = prop;
-  if (required && isAbsent) {
-    warn('Missing required prop: "' + name + '"');
-    return;
-  }
-  if (value == null && !prop.required) {
-    return;
-  }
-  if (type != null && type !== true && !skipCheck) {
-    let isValid = false;
-    const types = isArray(type) ? type : [type];
-    const expectedTypes = [];
-    for (let i = 0; i < types.length && !isValid; i++) {
-      const { valid, expectedType } = assertType(value, types[i]);
-      expectedTypes.push(expectedType || "");
-      isValid = valid;
-    }
-    if (!isValid) {
-      warn(getInvalidTypeMessage(name, value, expectedTypes));
-      return;
-    }
-  }
-  if (validator && !validator(value)) {
-    warn('Invalid prop: custom validator check failed for prop "' + name + '".');
-  }
-}
-const isSimpleType = /* @__PURE__ */ makeMap(
-  "String,Number,Boolean,Function,Symbol,BigInt"
-);
-function assertType(value, type) {
-  let valid;
-  const expectedType = getType(type);
-  if (isSimpleType(expectedType)) {
-    const t = typeof value;
-    valid = t === expectedType.toLowerCase();
-    if (!valid && t === "object") {
-      valid = value instanceof type;
+function installCompatMount(app, context, render) {
+  let isMounted = false;
+  app._createRoot = (options) => {
+    const component = app._component;
+    const vnode = createVNode(component, options.propsData || null);
+    vnode.appContext = context;
+    const hasNoRender = !isFunction(component) && !component.render && !component.template;
+    const emptyRender = () => {
+    };
+    const instance = createComponentInstance(vnode, null, null);
+    if (hasNoRender) {
+      instance.render = emptyRender;
     }
-  } else if (expectedType === "Object") {
-    valid = isObject(value);
-  } else if (expectedType === "Array") {
-    valid = isArray(value);
-  } else if (expectedType === "null") {
-    valid = value === null;
-  } else {
-    valid = value instanceof type;
-  }
-  return {
-    valid,
-    expectedType
+    setupComponent(instance);
+    vnode.component = instance;
+    vnode.isCompatRoot = true;
+    instance.ctx._compat_mount = (selectorOrEl) => {
+      if (isMounted) {
+        process.env.NODE_ENV !== "production" && warn(`Root instance is already mounted.`);
+        return;
+      }
+      let container;
+      if (typeof selectorOrEl === "string") {
+        const result = document.querySelector(selectorOrEl);
+        if (!result) {
+          process.env.NODE_ENV !== "production" && warn(
+            `Failed to mount root instance: selector "${selectorOrEl}" returned null.`
+          );
+          return;
+        }
+        container = result;
+      } else {
+        container = selectorOrEl || document.createElement("div");
+      }
+      const isSVG = container instanceof SVGElement;
+      if (process.env.NODE_ENV !== "production") {
+        context.reload = () => {
+          const cloned = cloneVNode(vnode);
+          cloned.component = null;
+          render(cloned, container, isSVG);
+        };
+      }
+      if (hasNoRender && instance.render === emptyRender) {
+        if (process.env.NODE_ENV !== "production") {
+          for (let i = 0; i < container.attributes.length; i++) {
+            const attr = container.attributes[i];
+            if (attr.name !== "v-cloak" && /^(v-|:|@)/.test(attr.name)) {
+              warnDeprecation$1("GLOBAL_MOUNT_CONTAINER", null);
+              break;
+            }
+          }
+        }
+        instance.render = null;
+        component.template = container.innerHTML;
+        finishComponentSetup(
+          instance,
+          false,
+          true
+          /* skip options */
+        );
+      }
+      container.innerHTML = "";
+      render(vnode, container, isSVG);
+      if (container instanceof Element) {
+        container.removeAttribute("v-cloak");
+        container.setAttribute("data-v-app", "");
+      }
+      isMounted = true;
+      app._container = container;
+      container.__vue_app__ = app;
+      if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+        devtoolsInitApp(app, version);
+      }
+      return instance.proxy;
+    };
+    instance.ctx._compat_destroy = () => {
+      if (isMounted) {
+        render(null, app._container);
+        if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+          devtoolsUnmountApp(app);
+        }
+        delete app._container.__vue_app__;
+      } else {
+        const { bum, scope, um } = instance;
+        if (bum) {
+          invokeArrayFns(bum);
+        }
+        if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) {
+          instance.emit("hook:beforeDestroy");
+        }
+        if (scope) {
+          scope.stop();
+        }
+        if (um) {
+          invokeArrayFns(um);
+        }
+        if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) {
+          instance.emit("hook:destroyed");
+        }
+      }
+    };
+    return instance.proxy;
   };
 }
-function getInvalidTypeMessage(name, value, expectedTypes) {
-  let message = `Invalid prop: type check failed for prop "${name}". Expected ${expectedTypes.map(capitalize).join(" | ")}`;
-  const expectedType = expectedTypes[0];
-  const receivedType = toRawType(value);
-  const expectedValue = styleValue(value, expectedType);
-  const receivedValue = styleValue(value, receivedType);
-  if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) {
-    message += ` with value ${expectedValue}`;
-  }
-  message += `, got ${receivedType} `;
-  if (isExplicable(receivedType)) {
-    message += `with value ${receivedValue}.`;
+const methodsToPatch = [
+  "push",
+  "pop",
+  "shift",
+  "unshift",
+  "splice",
+  "sort",
+  "reverse"
+];
+const patched = /* @__PURE__ */ new WeakSet();
+function defineReactive(obj, key, val) {
+  if (isObject(val) && !isReactive(val) && !patched.has(val)) {
+    const reactiveVal = reactive(val);
+    if (isArray(val)) {
+      methodsToPatch.forEach((m) => {
+        val[m] = (...args) => {
+          Array.prototype[m].call(reactiveVal, ...args);
+        };
+      });
+    } else {
+      Object.keys(val).forEach((key2) => {
+        try {
+          defineReactiveSimple(val, key2, val[key2]);
+        } catch (e) {
+        }
+      });
+    }
   }
-  return message;
-}
-function styleValue(value, type) {
-  if (type === "String") {
-    return `"${value}"`;
-  } else if (type === "Number") {
-    return `${Number(value)}`;
+  const i = obj.$;
+  if (i && obj === i.proxy) {
+    defineReactiveSimple(i.ctx, key, val);
+    i.accessCache = /* @__PURE__ */ Object.create(null);
+  } else if (isReactive(obj)) {
+    obj[key] = val;
   } else {
-    return `${value}`;
+    defineReactiveSimple(obj, key, val);
   }
 }
-function isExplicable(type) {
-  const explicitTypes = ["string", "number", "boolean"];
-  return explicitTypes.some((elem) => type.toLowerCase() === elem);
-}
-function isBoolean(...args) {
-  return args.some((elem) => elem.toLowerCase() === "boolean");
+function defineReactiveSimple(obj, key, val) {
+  val = isObject(val) ? reactive(val) : val;
+  Object.defineProperty(obj, key, {
+    enumerable: true,
+    configurable: true,
+    get() {
+      track(obj, "get", key);
+      return val;
+    },
+    set(newVal) {
+      val = isObject(newVal) ? reactive(newVal) : newVal;
+      trigger(obj, "set", key, newVal);
+    }
+  });
 }
 
-const isInternalKey = (key) => key[0] === "_" || key === "$stable";
-const normalizeSlotValue = (value) => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
-const normalizeSlot = (key, rawSlot, ctx) => {
-  if (rawSlot._n) {
-    return rawSlot;
-  }
-  const normalized = withCtx((...args) => {
-    if (process.env.NODE_ENV !== "production" && currentInstance) {
-      warn(
-        `Slot "${key}" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead.`
-      );
+function createAppContext() {
+  return {
+    app: null,
+    config: {
+      isNativeTag: NO,
+      performance: false,
+      globalProperties: {},
+      optionMergeStrategies: {},
+      errorHandler: void 0,
+      warnHandler: void 0,
+      compilerOptions: {}
+    },
+    mixins: [],
+    components: {},
+    directives: {},
+    provides: /* @__PURE__ */ Object.create(null),
+    optionsCache: /* @__PURE__ */ new WeakMap(),
+    propsCache: /* @__PURE__ */ new WeakMap(),
+    emitsCache: /* @__PURE__ */ new WeakMap()
+  };
+}
+let uid$1 = 0;
+function createAppAPI(render, hydrate) {
+  return function createApp(rootComponent, rootProps = null) {
+    if (!isFunction(rootComponent)) {
+      rootComponent = extend({}, rootComponent);
     }
-    return normalizeSlotValue(rawSlot(...args));
-  }, ctx);
-  normalized._c = false;
-  return normalized;
-};
-const normalizeObjectSlots = (rawSlots, slots, instance) => {
-  const ctx = rawSlots._ctx;
-  for (const key in rawSlots) {
-    if (isInternalKey(key))
-      continue;
-    const value = rawSlots[key];
-    if (isFunction(value)) {
-      slots[key] = normalizeSlot(key, value, ctx);
-    } else if (value != null) {
-      if (process.env.NODE_ENV !== "production" && !isCompatEnabled$1("RENDER_FUNCTION", instance)) {
-        warn(
-          `Non-function value encountered for slot "${key}". Prefer function slots for better performance.`
-        );
-      }
-      const normalized = normalizeSlotValue(value);
-      slots[key] = () => normalized;
-    }
-  }
-};
-const normalizeVNodeSlots = (instance, children) => {
-  if (process.env.NODE_ENV !== "production" && !isKeepAlive(instance.vnode) && !isCompatEnabled$1("RENDER_FUNCTION", instance)) {
-    warn(
-      `Non-function value encountered for default slot. Prefer function slots for better performance.`
-    );
-  }
-  const normalized = normalizeSlotValue(children);
-  instance.slots.default = () => normalized;
-};
-const initSlots = (instance, children) => {
-  if (instance.vnode.shapeFlag & 32) {
-    const type = children._;
-    if (type) {
-      instance.slots = toRaw(children);
-      def(children, "_", type);
-    } else {
-      normalizeObjectSlots(
-        children,
-        instance.slots = {},
-        instance
-      );
-    }
-  } else {
-    instance.slots = {};
-    if (children) {
-      normalizeVNodeSlots(instance, children);
+    if (rootProps != null && !isObject(rootProps)) {
+      process.env.NODE_ENV !== "production" && warn(`root props passed to app.mount() must be an object.`);
+      rootProps = null;
     }
-  }
-  def(instance.slots, InternalObjectKey, 1);
-};
-const updateSlots = (instance, children, optimized) => {
-  const { vnode, slots } = instance;
-  let needDeletionCheck = true;
-  let deletionComparisonTarget = EMPTY_OBJ;
-  if (vnode.shapeFlag & 32) {
-    const type = children._;
-    if (type) {
-      if (process.env.NODE_ENV !== "production" && isHmrUpdating) {
-        extend(slots, children);
-      } else if (optimized && type === 1) {
-        needDeletionCheck = false;
-      } else {
-        extend(slots, children);
-        if (!optimized && type === 1) {
-          delete slots._;
+    const context = createAppContext();
+    if (process.env.NODE_ENV !== "production") {
+      Object.defineProperty(context.config, "unwrapInjectedRef", {
+        get() {
+          return true;
+        },
+        set() {
+          warn(
+            `app.config.unwrapInjectedRef has been deprecated. 3.3 now alawys unwraps injected refs in Options API.`
+          );
         }
-      }
-    } else {
-      needDeletionCheck = !children.$stable;
-      normalizeObjectSlots(children, slots, instance);
-    }
-    deletionComparisonTarget = children;
-  } else if (children) {
-    normalizeVNodeSlots(instance, children);
-    deletionComparisonTarget = { default: 1 };
-  }
-  if (needDeletionCheck) {
-    for (const key in slots) {
-      if (!isInternalKey(key) && !(key in deletionComparisonTarget)) {
-        delete slots[key];
-      }
+      });
     }
-  }
-};
-
-function installLegacyConfigWarnings(config) {
-  const legacyConfigOptions = {
-    silent: "CONFIG_SILENT",
-    devtools: "CONFIG_DEVTOOLS",
-    ignoredElements: "CONFIG_IGNORED_ELEMENTS",
-    keyCodes: "CONFIG_KEY_CODES",
-    productionTip: "CONFIG_PRODUCTION_TIP"
-  };
-  Object.keys(legacyConfigOptions).forEach((key) => {
-    let val = config[key];
-    Object.defineProperty(config, key, {
-      enumerable: true,
-      get() {
-        return val;
+    const installedPlugins = /* @__PURE__ */ new Set();
+    let isMounted = false;
+    const app = context.app = {
+      _uid: uid$1++,
+      _component: rootComponent,
+      _props: rootProps,
+      _container: null,
+      _context: context,
+      _instance: null,
+      version,
+      get config() {
+        return context.config;
       },
-      set(newVal) {
-        if (!isCopyingConfig) {
-          warnDeprecation$1(legacyConfigOptions[key], null);
+      set config(v) {
+        if (process.env.NODE_ENV !== "production") {
+          warn(
+            `app.config cannot be replaced. Modify individual options instead.`
+          );
+        }
+      },
+      use(plugin, ...options) {
+        if (installedPlugins.has(plugin)) {
+          process.env.NODE_ENV !== "production" && warn(`Plugin has already been applied to target app.`);
+        } else if (plugin && isFunction(plugin.install)) {
+          installedPlugins.add(plugin);
+          plugin.install(app, ...options);
+        } else if (isFunction(plugin)) {
+          installedPlugins.add(plugin);
+          plugin(app, ...options);
+        } else if (process.env.NODE_ENV !== "production") {
+          warn(
+            `A plugin must either be a function or an object with an "install" function.`
+          );
+        }
+        return app;
+      },
+      mixin(mixin) {
+        if (__VUE_OPTIONS_API__) {
+          if (!context.mixins.includes(mixin)) {
+            context.mixins.push(mixin);
+          } else if (process.env.NODE_ENV !== "production") {
+            warn(
+              "Mixin has already been applied to target app" + (mixin.name ? `: ${mixin.name}` : "")
+            );
+          }
+        } else if (process.env.NODE_ENV !== "production") {
+          warn("Mixins are only available in builds supporting Options API");
+        }
+        return app;
+      },
+      component(name, component) {
+        if (process.env.NODE_ENV !== "production") {
+          validateComponentName(name, context.config);
+        }
+        if (!component) {
+          return context.components[name];
+        }
+        if (process.env.NODE_ENV !== "production" && context.components[name]) {
+          warn(`Component "${name}" has already been registered in target app.`);
+        }
+        context.components[name] = component;
+        return app;
+      },
+      directive(name, directive) {
+        if (process.env.NODE_ENV !== "production") {
+          validateDirectiveName(name);
+        }
+        if (!directive) {
+          return context.directives[name];
+        }
+        if (process.env.NODE_ENV !== "production" && context.directives[name]) {
+          warn(`Directive "${name}" has already been registered in target app.`);
+        }
+        context.directives[name] = directive;
+        return app;
+      },
+      mount(rootContainer, isHydrate, isSVG) {
+        if (!isMounted) {
+          if (process.env.NODE_ENV !== "production" && rootContainer.__vue_app__) {
+            warn(
+              `There is already an app instance mounted on the host container.
+ If you want to mount another app on the same host container, you need to unmount the previous app by calling \`app.unmount()\` first.`
+            );
+          }
+          const vnode = createVNode(
+            rootComponent,
+            rootProps
+          );
+          vnode.appContext = context;
+          if (process.env.NODE_ENV !== "production") {
+            context.reload = () => {
+              render(cloneVNode(vnode), rootContainer, isSVG);
+            };
+          }
+          if (isHydrate && hydrate) {
+            hydrate(vnode, rootContainer);
+          } else {
+            render(vnode, rootContainer, isSVG);
+          }
+          isMounted = true;
+          app._container = rootContainer;
+          rootContainer.__vue_app__ = app;
+          if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+            app._instance = vnode.component;
+            devtoolsInitApp(app, version);
+          }
+          return getExposeProxy(vnode.component) || vnode.component.proxy;
+        } else if (process.env.NODE_ENV !== "production") {
+          warn(
+            `App has already been mounted.
+If you want to remount the same app, move your app creation logic into a factory function and create fresh app instances for each mount - e.g. \`const createMyApp = () => createApp(App)\``
+          );
+        }
+      },
+      unmount() {
+        if (isMounted) {
+          render(null, app._container);
+          if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
+            app._instance = null;
+            devtoolsUnmountApp(app);
+          }
+          delete app._container.__vue_app__;
+        } else if (process.env.NODE_ENV !== "production") {
+          warn(`Cannot unmount an app that is not mounted.`);
+        }
+      },
+      provide(key, value) {
+        if (process.env.NODE_ENV !== "production" && key in context.provides) {
+          warn(
+            `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
+          );
+        }
+        context.provides[key] = value;
+        return app;
+      },
+      runWithContext(fn) {
+        currentApp = app;
+        try {
+          return fn();
+        } finally {
+          currentApp = null;
         }
-        val = newVal;
-      }
-    });
-  });
-}
-function installLegacyOptionMergeStrats(config) {
-  config.optionMergeStrategies = new Proxy({}, {
-    get(target, key) {
-      if (key in target) {
-        return target[key];
-      }
-      if (key in internalOptionMergeStrats && softAssertCompatEnabled(
-        "CONFIG_OPTION_MERGE_STRATS",
-        null
-      )) {
-        return internalOptionMergeStrats[key];
       }
+    };
+    {
+      installAppCompatProperties(app, context, render);
     }
-  });
+    return app;
+  };
 }
+let currentApp = null;
 
-let isCopyingConfig = false;
-let singletonApp;
-let singletonCtor;
-function createCompatVue$1(createApp, createSingletonApp) {
-  singletonApp = createSingletonApp({});
-  const Vue = singletonCtor = function Vue2(options = {}) {
-    return createCompatApp(options, Vue2);
-  };
-  function createCompatApp(options = {}, Ctor) {
-    assertCompatEnabled("GLOBAL_MOUNT", null);
-    const { data } = options;
-    if (data && !isFunction(data) && softAssertCompatEnabled("OPTIONS_DATA_FN", null)) {
-      options.data = () => data;
-    }
-    const app = createApp(options);
-    if (Ctor !== Vue) {
-      applySingletonPrototype(app, Ctor);
+function provide(key, value) {
+  if (!currentInstance) {
+    if (process.env.NODE_ENV !== "production") {
+      warn(`provide() can only be used inside setup().`);
     }
-    const vm = app._createRoot(options);
-    if (options.el) {
-      return vm.$mount(options.el);
-    } else {
-      return vm;
+  } else {
+    let provides = currentInstance.provides;
+    const parentProvides = currentInstance.parent && currentInstance.parent.provides;
+    if (parentProvides === provides) {
+      provides = currentInstance.provides = Object.create(parentProvides);
     }
+    provides[key] = value;
   }
-  Vue.version = `2.6.14-compat:${"3.3.0-alpha.8"}`;
-  Vue.config = singletonApp.config;
-  Vue.use = (p, ...options) => {
-    if (p && isFunction(p.install)) {
-      p.install(Vue, ...options);
-    } else if (isFunction(p)) {
-      p(Vue, ...options);
-    }
-    return Vue;
-  };
-  Vue.mixin = (m) => {
-    singletonApp.mixin(m);
-    return Vue;
-  };
-  Vue.component = (name, comp) => {
-    if (comp) {
-      singletonApp.component(name, comp);
-      return Vue;
-    } else {
-      return singletonApp.component(name);
-    }
-  };
-  Vue.directive = (name, dir) => {
-    if (dir) {
-      singletonApp.directive(name, dir);
-      return Vue;
-    } else {
-      return singletonApp.directive(name);
-    }
-  };
-  Vue.options = { _base: Vue };
-  let cid = 1;
-  Vue.cid = cid;
-  Vue.nextTick = nextTick;
-  const extendCache = /* @__PURE__ */ new WeakMap();
-  function extendCtor(extendOptions = {}) {
-    assertCompatEnabled("GLOBAL_EXTEND", null);
-    if (isFunction(extendOptions)) {
-      extendOptions = extendOptions.options;
-    }
-    if (extendCache.has(extendOptions)) {
-      return extendCache.get(extendOptions);
-    }
-    const Super = this;
-    function SubVue(inlineOptions) {
-      if (!inlineOptions) {
-        return createCompatApp(SubVue.options, SubVue);
-      } else {
-        return createCompatApp(
-          mergeOptions(
-            extend({}, SubVue.options),
-            inlineOptions,
-            internalOptionMergeStrats
-          ),
-          SubVue
-        );
-      }
-    }
-    SubVue.super = Super;
-    SubVue.prototype = Object.create(Vue.prototype);
-    SubVue.prototype.constructor = SubVue;
-    const mergeBase = {};
-    for (const key in Super.options) {
-      const superValue = Super.options[key];
-      mergeBase[key] = isArray(superValue) ? superValue.slice() : isObject(superValue) ? extend(/* @__PURE__ */ Object.create(null), superValue) : superValue;
+}
+function inject(key, defaultValue, treatDefaultAsFactory = false) {
+  const instance = currentInstance || currentRenderingInstance;
+  if (instance || currentApp) {
+    const provides = instance ? instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides : currentApp._context.provides;
+    if (provides && key in provides) {
+      return provides[key];
+    } else if (arguments.length > 1) {
+      return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance && instance.proxy) : defaultValue;
+    } else if (process.env.NODE_ENV !== "production") {
+      warn(`injection "${String(key)}" not found.`);
     }
-    SubVue.options = mergeOptions(
-      mergeBase,
-      extendOptions,
-      internalOptionMergeStrats
-    );
-    SubVue.options._base = SubVue;
-    SubVue.extend = extendCtor.bind(SubVue);
-    SubVue.mixin = Super.mixin;
-    SubVue.use = Super.use;
-    SubVue.cid = ++cid;
-    extendCache.set(extendOptions, SubVue);
-    return SubVue;
+  } else if (process.env.NODE_ENV !== "production") {
+    warn(`inject() can only be used inside setup() or functional components.`);
   }
-  Vue.extend = extendCtor.bind(Vue);
-  Vue.set = (target, key, value) => {
-    assertCompatEnabled("GLOBAL_SET", null);
-    target[key] = value;
-  };
-  Vue.delete = (target, key) => {
-    assertCompatEnabled("GLOBAL_DELETE", null);
-    delete target[key];
-  };
-  Vue.observable = (target) => {
-    assertCompatEnabled("GLOBAL_OBSERVABLE", null);
-    return reactive(target);
-  };
-  Vue.filter = (name, filter) => {
-    if (filter) {
-      singletonApp.filter(name, filter);
-      return Vue;
-    } else {
-      return singletonApp.filter(name);
-    }
-  };
-  const util = {
-    warn: process.env.NODE_ENV !== "production" ? warn : NOOP,
-    extend,
-    mergeOptions: (parent, child, vm) => mergeOptions(
-      parent,
-      child,
-      vm ? void 0 : internalOptionMergeStrats
-    ),
-    defineReactive
-  };
-  Object.defineProperty(Vue, "util", {
-    get() {
-      assertCompatEnabled("GLOBAL_PRIVATE_UTIL", null);
-      return util;
+}
+function hasInjectionContext() {
+  return !!(currentInstance || currentRenderingInstance || currentApp);
+}
+
+function createPropsDefaultThis(instance, rawProps, propKey) {
+  return new Proxy(
+    {},
+    {
+      get(_, key) {
+        process.env.NODE_ENV !== "production" && warnDeprecation$1("PROPS_DEFAULT_THIS", null, propKey);
+        if (key === "$options") {
+          return resolveMergedOptions(instance);
+        }
+        if (key in rawProps) {
+          return rawProps[key];
+        }
+        const injections = instance.type.inject;
+        if (injections) {
+          if (isArray(injections)) {
+            if (injections.includes(key)) {
+              return inject(key);
+            }
+          } else if (key in injections) {
+            return inject(key);
+          }
+        }
+      }
     }
-  });
-  Vue.configureCompat = configureCompat$1;
-  return Vue;
+  );
 }
-function installAppCompatProperties(app, context, render) {
-  installFilterMethod(app, context);
-  installLegacyOptionMergeStrats(app.config);
-  if (!singletonApp) {
-    return;
+
+function shouldSkipAttr(key, instance) {
+  if (key === "is") {
+    return true;
   }
-  installCompatMount(app, context, render);
-  installLegacyAPIs(app);
-  applySingletonAppMutations(app);
-  if (process.env.NODE_ENV !== "production")
-    installLegacyConfigWarnings(app.config);
+  if ((key === "class" || key === "style") && isCompatEnabled$1("INSTANCE_ATTRS_CLASS_STYLE", instance)) {
+    return true;
+  }
+  if (isOn(key) && isCompatEnabled$1("INSTANCE_LISTENERS", instance)) {
+    return true;
+  }
+  if (key.startsWith("routerView") || key === "registerRouteInstance") {
+    return true;
+  }
+  return false;
 }
-function installFilterMethod(app, context) {
-  context.filters = {};
-  app.filter = (name, filter) => {
-    assertCompatEnabled("FILTERS", null);
-    if (!filter) {
-      return context.filters[name];
+
+function initProps(instance, rawProps, isStateful, isSSR = false) {
+  const props = {};
+  const attrs = {};
+  def(attrs, InternalObjectKey, 1);
+  instance.propsDefaults = /* @__PURE__ */ Object.create(null);
+  setFullProps(instance, rawProps, props, attrs);
+  for (const key in instance.propsOptions[0]) {
+    if (!(key in props)) {
+      props[key] = void 0;
     }
-    if (process.env.NODE_ENV !== "production" && context.filters[name]) {
-      warn(`Filter "${name}" has already been registered.`);
+  }
+  if (process.env.NODE_ENV !== "production") {
+    validateProps(rawProps || {}, props, instance);
+  }
+  if (isStateful) {
+    instance.props = isSSR ? props : shallowReactive(props);
+  } else {
+    if (!instance.type.props) {
+      instance.props = attrs;
+    } else {
+      instance.props = props;
     }
-    context.filters[name] = filter;
-    return app;
-  };
+  }
+  instance.attrs = attrs;
 }
-function installLegacyAPIs(app) {
-  Object.defineProperties(app, {
-    // so that app.use() can work with legacy plugins that extend prototypes
-    prototype: {
-      get() {
-        process.env.NODE_ENV !== "production" && warnDeprecation$1("GLOBAL_PROTOTYPE", null);
-        return app.config.globalProperties;
-      }
-    },
-    nextTick: { value: nextTick },
-    extend: { value: singletonCtor.extend },
-    set: { value: singletonCtor.set },
-    delete: { value: singletonCtor.delete },
-    observable: { value: singletonCtor.observable },
-    util: {
-      get() {
-        return singletonCtor.util;
+function isInHmrContext(instance) {
+  while (instance) {
+    if (instance.type.__hmrId)
+      return true;
+    instance = instance.parent;
+  }
+}
+function updateProps(instance, rawProps, rawPrevProps, optimized) {
+  const {
+    props,
+    attrs,
+    vnode: { patchFlag }
+  } = instance;
+  const rawCurrentProps = toRaw(props);
+  const [options] = instance.propsOptions;
+  let hasAttrsChanged = false;
+  if (
+    // always force full diff in dev
+    // - #1942 if hmr is enabled with sfc component
+    // - vite#872 non-sfc component used by sfc component
+    !(process.env.NODE_ENV !== "production" && isInHmrContext(instance)) && (optimized || patchFlag > 0) && !(patchFlag & 16)
+  ) {
+    if (patchFlag & 8) {
+      const propsToUpdate = instance.vnode.dynamicProps;
+      for (let i = 0; i < propsToUpdate.length; i++) {
+        let key = propsToUpdate[i];
+        if (isEmitListener(instance.emitsOptions, key)) {
+          continue;
+        }
+        const value = rawProps[key];
+        if (options) {
+          if (hasOwn(attrs, key)) {
+            if (value !== attrs[key]) {
+              attrs[key] = value;
+              hasAttrsChanged = true;
+            }
+          } else {
+            const camelizedKey = camelize(key);
+            props[camelizedKey] = resolvePropValue(
+              options,
+              rawCurrentProps,
+              camelizedKey,
+              value,
+              instance,
+              false
+              /* isAbsent */
+            );
+          }
+        } else {
+          {
+            if (isOn(key) && key.endsWith("Native")) {
+              key = key.slice(0, -6);
+            } else if (shouldSkipAttr(key, instance)) {
+              continue;
+            }
+          }
+          if (value !== attrs[key]) {
+            attrs[key] = value;
+            hasAttrsChanged = true;
+          }
+        }
       }
     }
-  });
-}
-function applySingletonAppMutations(app) {
-  app._context.mixins = [...singletonApp._context.mixins];
-  ["components", "directives", "filters"].forEach((key) => {
-    app._context[key] = Object.create(singletonApp._context[key]);
-  });
-  isCopyingConfig = true;
-  for (const key in singletonApp.config) {
-    if (key === "isNativeTag")
-      continue;
-    if (isRuntimeOnly() && (key === "isCustomElement" || key === "compilerOptions")) {
-      continue;
+  } else {
+    if (setFullProps(instance, rawProps, props, attrs)) {
+      hasAttrsChanged = true;
     }
-    const val = singletonApp.config[key];
-    app.config[key] = isObject(val) ? Object.create(val) : val;
-    if (key === "ignoredElements" && isCompatEnabled$1("CONFIG_IGNORED_ELEMENTS", null) && !isRuntimeOnly() && isArray(val)) {
-      app.config.compilerOptions.isCustomElement = (tag) => {
-        return val.some((v) => isString(v) ? v === tag : v.test(tag));
-      };
+    let kebabKey;
+    for (const key in rawCurrentProps) {
+      if (!rawProps || // for camelCase
+      !hasOwn(rawProps, key) && // it's possible the original props was passed in as kebab-case
+      // and converted to camelCase (#955)
+      ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey))) {
+        if (options) {
+          if (rawPrevProps && // for camelCase
+          (rawPrevProps[key] !== void 0 || // for kebab-case
+          rawPrevProps[kebabKey] !== void 0)) {
+            props[key] = resolvePropValue(
+              options,
+              rawCurrentProps,
+              key,
+              void 0,
+              instance,
+              true
+              /* isAbsent */
+            );
+          }
+        } else {
+          delete props[key];
+        }
+      }
+    }
+    if (attrs !== rawCurrentProps) {
+      for (const key in attrs) {
+        if (!rawProps || !hasOwn(rawProps, key) && !hasOwn(rawProps, key + "Native")) {
+          delete attrs[key];
+          hasAttrsChanged = true;
+        }
+      }
     }
   }
-  isCopyingConfig = false;
-  applySingletonPrototype(app, singletonCtor);
-}
-function applySingletonPrototype(app, Ctor) {
-  const enabled = isCompatEnabled$1("GLOBAL_PROTOTYPE", null);
-  if (enabled) {
-    app.config.globalProperties = Object.create(Ctor.prototype);
+  if (hasAttrsChanged) {
+    trigger(instance, "set", "$attrs");
   }
-  let hasPrototypeAugmentations = false;
-  const descriptors = Object.getOwnPropertyDescriptors(Ctor.prototype);
-  for (const key in descriptors) {
-    if (key !== "constructor") {
-      hasPrototypeAugmentations = true;
-      if (enabled) {
-        Object.defineProperty(
-          app.config.globalProperties,
-          key,
-          descriptors[key]
-        );
+  if (process.env.NODE_ENV !== "production") {
+    validateProps(rawProps || {}, props, instance);
+  }
+}
+function setFullProps(instance, rawProps, props, attrs) {
+  const [options, needCastKeys] = instance.propsOptions;
+  let hasAttrsChanged = false;
+  let rawCastValues;
+  if (rawProps) {
+    for (let key in rawProps) {
+      if (isReservedProp(key)) {
+        continue;
+      }
+      {
+        if (key.startsWith("onHook:")) {
+          softAssertCompatEnabled(
+            "INSTANCE_EVENT_HOOKS",
+            instance,
+            key.slice(2).toLowerCase()
+          );
+        }
+        if (key === "inline-template") {
+          continue;
+        }
+      }
+      const value = rawProps[key];
+      let camelKey;
+      if (options && hasOwn(options, camelKey = camelize(key))) {
+        if (!needCastKeys || !needCastKeys.includes(camelKey)) {
+          props[camelKey] = value;
+        } else {
+          (rawCastValues || (rawCastValues = {}))[camelKey] = value;
+        }
+      } else if (!isEmitListener(instance.emitsOptions, key)) {
+        {
+          if (isOn(key) && key.endsWith("Native")) {
+            key = key.slice(0, -6);
+          } else if (shouldSkipAttr(key, instance)) {
+            continue;
+          }
+        }
+        if (!(key in attrs) || value !== attrs[key]) {
+          attrs[key] = value;
+          hasAttrsChanged = true;
+        }
       }
     }
   }
-  if (process.env.NODE_ENV !== "production" && hasPrototypeAugmentations) {
-    warnDeprecation$1("GLOBAL_PROTOTYPE", null);
+  if (needCastKeys) {
+    const rawCurrentProps = toRaw(props);
+    const castValues = rawCastValues || EMPTY_OBJ;
+    for (let i = 0; i < needCastKeys.length; i++) {
+      const key = needCastKeys[i];
+      props[key] = resolvePropValue(
+        options,
+        rawCurrentProps,
+        key,
+        castValues[key],
+        instance,
+        !hasOwn(castValues, key)
+      );
+    }
   }
+  return hasAttrsChanged;
 }
-function installCompatMount(app, context, render) {
-  let isMounted = false;
-  app._createRoot = (options) => {
-    const component = app._component;
-    const vnode = createVNode(component, options.propsData || null);
-    vnode.appContext = context;
-    const hasNoRender = !isFunction(component) && !component.render && !component.template;
-    const emptyRender = () => {
-    };
-    const instance = createComponentInstance(vnode, null, null);
-    if (hasNoRender) {
-      instance.render = emptyRender;
-    }
-    setupComponent(instance);
-    vnode.component = instance;
-    vnode.isCompatRoot = true;
-    instance.ctx._compat_mount = (selectorOrEl) => {
-      if (isMounted) {
-        process.env.NODE_ENV !== "production" && warn(`Root instance is already mounted.`);
-        return;
-      }
-      let container;
-      if (typeof selectorOrEl === "string") {
-        const result = document.querySelector(selectorOrEl);
-        if (!result) {
-          process.env.NODE_ENV !== "production" && warn(
-            `Failed to mount root instance: selector "${selectorOrEl}" returned null.`
+function resolvePropValue(options, props, key, value, instance, isAbsent) {
+  const opt = options[key];
+  if (opt != null) {
+    const hasDefault = hasOwn(opt, "default");
+    if (hasDefault && value === void 0) {
+      const defaultValue = opt.default;
+      if (opt.type !== Function && !opt.skipFactory && isFunction(defaultValue)) {
+        const { propsDefaults } = instance;
+        if (key in propsDefaults) {
+          value = propsDefaults[key];
+        } else {
+          setCurrentInstance(instance);
+          value = propsDefaults[key] = defaultValue.call(
+            isCompatEnabled$1("PROPS_DEFAULT_THIS", instance) ? createPropsDefaultThis(instance, props, key) : null,
+            props
           );
-          return;
+          unsetCurrentInstance();
         }
-        container = result;
       } else {
-        container = selectorOrEl || document.createElement("div");
+        value = defaultValue;
       }
-      const isSVG = container instanceof SVGElement;
-      if (process.env.NODE_ENV !== "production") {
-        context.reload = () => {
-          const cloned = cloneVNode(vnode);
-          cloned.component = null;
-          render(cloned, container, isSVG);
-        };
+    }
+    if (opt[0 /* shouldCast */]) {
+      if (isAbsent && !hasDefault) {
+        value = false;
+      } else if (opt[1 /* shouldCastTrue */] && (value === "" || value === hyphenate(key))) {
+        value = true;
       }
-      if (hasNoRender && instance.render === emptyRender) {
-        if (process.env.NODE_ENV !== "production") {
-          for (let i = 0; i < container.attributes.length; i++) {
-            const attr = container.attributes[i];
-            if (attr.name !== "v-cloak" && /^(v-|:|@)/.test(attr.name)) {
-              warnDeprecation$1("GLOBAL_MOUNT_CONTAINER", null);
-              break;
-            }
-          }
-        }
-        instance.render = null;
-        component.template = container.innerHTML;
-        finishComponentSetup(
-          instance,
-          false,
-          true
-          /* skip options */
-        );
+    }
+  }
+  return value;
+}
+function normalizePropsOptions(comp, appContext, asMixin = false) {
+  const cache = appContext.propsCache;
+  const cached = cache.get(comp);
+  if (cached) {
+    return cached;
+  }
+  const raw = comp.props;
+  const normalized = {};
+  const needCastKeys = [];
+  let hasExtends = false;
+  if (__VUE_OPTIONS_API__ && !isFunction(comp)) {
+    const extendProps = (raw2) => {
+      if (isFunction(raw2)) {
+        raw2 = raw2.options;
       }
-      container.innerHTML = "";
-      render(vnode, container, isSVG);
-      if (container instanceof Element) {
-        container.removeAttribute("v-cloak");
-        container.setAttribute("data-v-app", "");
+      hasExtends = true;
+      const [props, keys] = normalizePropsOptions(raw2, appContext, true);
+      extend(normalized, props);
+      if (keys)
+        needCastKeys.push(...keys);
+    };
+    if (!asMixin && appContext.mixins.length) {
+      appContext.mixins.forEach(extendProps);
+    }
+    if (comp.extends) {
+      extendProps(comp.extends);
+    }
+    if (comp.mixins) {
+      comp.mixins.forEach(extendProps);
+    }
+  }
+  if (!raw && !hasExtends) {
+    if (isObject(comp)) {
+      cache.set(comp, EMPTY_ARR);
+    }
+    return EMPTY_ARR;
+  }
+  if (isArray(raw)) {
+    for (let i = 0; i < raw.length; i++) {
+      if (process.env.NODE_ENV !== "production" && !isString(raw[i])) {
+        warn(`props must be strings when using array syntax.`, raw[i]);
       }
-      isMounted = true;
-      app._container = container;
-      container.__vue_app__ = app;
-      if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
-        devtoolsInitApp(app, version);
+      const normalizedKey = camelize(raw[i]);
+      if (validatePropName(normalizedKey)) {
+        normalized[normalizedKey] = EMPTY_OBJ;
       }
-      return instance.proxy;
-    };
-    instance.ctx._compat_destroy = () => {
-      if (isMounted) {
-        render(null, app._container);
-        if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
-          devtoolsUnmountApp(app);
-        }
-        delete app._container.__vue_app__;
-      } else {
-        const { bum, scope, um } = instance;
-        if (bum) {
-          invokeArrayFns(bum);
-        }
-        if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) {
-          instance.emit("hook:beforeDestroy");
-        }
-        if (scope) {
-          scope.stop();
-        }
-        if (um) {
-          invokeArrayFns(um);
-        }
-        if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) {
-          instance.emit("hook:destroyed");
+    }
+  } else if (raw) {
+    if (process.env.NODE_ENV !== "production" && !isObject(raw)) {
+      warn(`invalid props options`, raw);
+    }
+    for (const key in raw) {
+      const normalizedKey = camelize(key);
+      if (validatePropName(normalizedKey)) {
+        const opt = raw[key];
+        const prop = normalized[normalizedKey] = isArray(opt) || isFunction(opt) ? { type: opt } : extend({}, opt);
+        if (prop) {
+          const booleanIndex = getTypeIndex(Boolean, prop.type);
+          const stringIndex = getTypeIndex(String, prop.type);
+          prop[0 /* shouldCast */] = booleanIndex > -1;
+          prop[1 /* shouldCastTrue */] = stringIndex < 0 || booleanIndex < stringIndex;
+          if (booleanIndex > -1 || hasOwn(prop, "default")) {
+            needCastKeys.push(normalizedKey);
+          }
         }
       }
-    };
-    return instance.proxy;
-  };
+    }
+  }
+  const res = [normalized, needCastKeys];
+  if (isObject(comp)) {
+    cache.set(comp, res);
+  }
+  return res;
+}
+function validatePropName(key) {
+  if (key[0] !== "$") {
+    return true;
+  } else if (process.env.NODE_ENV !== "production") {
+    warn(`Invalid prop name: "${key}" is a reserved property.`);
+  }
+  return false;
+}
+function getType(ctor) {
+  const match = ctor && ctor.toString().match(/^\s*(function|class) (\w+)/);
+  return match ? match[2] : ctor === null ? "null" : "";
+}
+function isSameType(a, b) {
+  return getType(a) === getType(b);
+}
+function getTypeIndex(type, expectedTypes) {
+  if (isArray(expectedTypes)) {
+    return expectedTypes.findIndex((t) => isSameType(t, type));
+  } else if (isFunction(expectedTypes)) {
+    return isSameType(expectedTypes, type) ? 0 : -1;
+  }
+  return -1;
+}
+function validateProps(rawProps, props, instance) {
+  const resolvedValues = toRaw(props);
+  const options = instance.propsOptions[0];
+  for (const key in options) {
+    let opt = options[key];
+    if (opt == null)
+      continue;
+    validateProp(
+      key,
+      resolvedValues[key],
+      opt,
+      !hasOwn(rawProps, key) && !hasOwn(rawProps, hyphenate(key))
+    );
+  }
 }
-const methodsToPatch = [
-  "push",
-  "pop",
-  "shift",
-  "unshift",
-  "splice",
-  "sort",
-  "reverse"
-];
-const patched = /* @__PURE__ */ new WeakSet();
-function defineReactive(obj, key, val) {
-  if (isObject(val) && !isReactive(val) && !patched.has(val)) {
-    const reactiveVal = reactive(val);
-    if (isArray(val)) {
-      methodsToPatch.forEach((m) => {
-        val[m] = (...args) => {
-          Array.prototype[m].call(reactiveVal, ...args);
-        };
-      });
-    } else {
-      Object.keys(val).forEach((key2) => {
-        try {
-          defineReactiveSimple(val, key2, val[key2]);
-        } catch (e) {
-        }
-      });
+function validateProp(name, value, prop, isAbsent) {
+  const { type, required, validator, skipCheck } = prop;
+  if (required && isAbsent) {
+    warn('Missing required prop: "' + name + '"');
+    return;
+  }
+  if (value == null && !required) {
+    return;
+  }
+  if (type != null && type !== true && !skipCheck) {
+    let isValid = false;
+    const types = isArray(type) ? type : [type];
+    const expectedTypes = [];
+    for (let i = 0; i < types.length && !isValid; i++) {
+      const { valid, expectedType } = assertType(value, types[i]);
+      expectedTypes.push(expectedType || "");
+      isValid = valid;
+    }
+    if (!isValid) {
+      warn(getInvalidTypeMessage(name, value, expectedTypes));
+      return;
     }
   }
-  const i = obj.$;
-  if (i && obj === i.proxy) {
-    defineReactiveSimple(i.ctx, key, val);
-    i.accessCache = /* @__PURE__ */ Object.create(null);
-  } else if (isReactive(obj)) {
-    obj[key] = val;
-  } else {
-    defineReactiveSimple(obj, key, val);
+  if (validator && !validator(value)) {
+    warn('Invalid prop: custom validator check failed for prop "' + name + '".');
   }
 }
-function defineReactiveSimple(obj, key, val) {
-  val = isObject(val) ? reactive(val) : val;
-  Object.defineProperty(obj, key, {
-    enumerable: true,
-    configurable: true,
-    get() {
-      track(obj, "get", key);
-      return val;
-    },
-    set(newVal) {
-      val = isObject(newVal) ? reactive(newVal) : newVal;
-      trigger(obj, "set", key, newVal);
+const isSimpleType = /* @__PURE__ */ makeMap(
+  "String,Number,Boolean,Function,Symbol,BigInt"
+);
+function assertType(value, type) {
+  let valid;
+  const expectedType = getType(type);
+  if (isSimpleType(expectedType)) {
+    const t = typeof value;
+    valid = t === expectedType.toLowerCase();
+    if (!valid && t === "object") {
+      valid = value instanceof type;
     }
-  });
-}
-
-function createAppContext() {
+  } else if (expectedType === "Object") {
+    valid = isObject(value);
+  } else if (expectedType === "Array") {
+    valid = isArray(value);
+  } else if (expectedType === "null") {
+    valid = value === null;
+  } else {
+    valid = value instanceof type;
+  }
   return {
-    app: null,
-    config: {
-      isNativeTag: NO,
-      performance: false,
-      globalProperties: {},
-      optionMergeStrategies: {},
-      errorHandler: void 0,
-      warnHandler: void 0,
-      compilerOptions: {}
-    },
-    mixins: [],
-    components: {},
-    directives: {},
-    provides: /* @__PURE__ */ Object.create(null),
-    optionsCache: /* @__PURE__ */ new WeakMap(),
-    propsCache: /* @__PURE__ */ new WeakMap(),
-    emitsCache: /* @__PURE__ */ new WeakMap()
+    valid,
+    expectedType
   };
 }
-let uid$1 = 0;
-function createAppAPI(render, hydrate) {
-  return function createApp(rootComponent, rootProps = null) {
-    if (!isFunction(rootComponent)) {
-      rootComponent = extend({}, rootComponent);
-    }
-    if (rootProps != null && !isObject(rootProps)) {
-      process.env.NODE_ENV !== "production" && warn(`root props passed to app.mount() must be an object.`);
-      rootProps = null;
-    }
-    const context = createAppContext();
-    const installedPlugins = /* @__PURE__ */ new Set();
-    let isMounted = false;
-    const app = context.app = {
-      _uid: uid$1++,
-      _component: rootComponent,
-      _props: rootProps,
-      _container: null,
-      _context: context,
-      _instance: null,
-      version,
-      get config() {
-        return context.config;
-      },
-      set config(v) {
-        if (process.env.NODE_ENV !== "production") {
-          warn(
-            `app.config cannot be replaced. Modify individual options instead.`
-          );
-        }
-      },
-      use(plugin, ...options) {
-        if (installedPlugins.has(plugin)) {
-          process.env.NODE_ENV !== "production" && warn(`Plugin has already been applied to target app.`);
-        } else if (plugin && isFunction(plugin.install)) {
-          installedPlugins.add(plugin);
-          plugin.install(app, ...options);
-        } else if (isFunction(plugin)) {
-          installedPlugins.add(plugin);
-          plugin(app, ...options);
-        } else if (process.env.NODE_ENV !== "production") {
-          warn(
-            `A plugin must either be a function or an object with an "install" function.`
-          );
-        }
-        return app;
-      },
-      mixin(mixin) {
-        if (__VUE_OPTIONS_API__) {
-          if (!context.mixins.includes(mixin)) {
-            context.mixins.push(mixin);
-          } else if (process.env.NODE_ENV !== "production") {
-            warn(
-              "Mixin has already been applied to target app" + (mixin.name ? `: ${mixin.name}` : "")
-            );
-          }
-        } else if (process.env.NODE_ENV !== "production") {
-          warn("Mixins are only available in builds supporting Options API");
-        }
-        return app;
-      },
-      component(name, component) {
-        if (process.env.NODE_ENV !== "production") {
-          validateComponentName(name, context.config);
-        }
-        if (!component) {
-          return context.components[name];
-        }
-        if (process.env.NODE_ENV !== "production" && context.components[name]) {
-          warn(`Component "${name}" has already been registered in target app.`);
-        }
-        context.components[name] = component;
-        return app;
-      },
-      directive(name, directive) {
-        if (process.env.NODE_ENV !== "production") {
-          validateDirectiveName(name);
-        }
-        if (!directive) {
-          return context.directives[name];
-        }
-        if (process.env.NODE_ENV !== "production" && context.directives[name]) {
-          warn(`Directive "${name}" has already been registered in target app.`);
-        }
-        context.directives[name] = directive;
-        return app;
-      },
-      mount(rootContainer, isHydrate, isSVG) {
-        if (!isMounted) {
-          if (process.env.NODE_ENV !== "production" && rootContainer.__vue_app__) {
-            warn(
-              `There is already an app instance mounted on the host container.
- If you want to mount another app on the same host container, you need to unmount the previous app by calling \`app.unmount()\` first.`
-            );
-          }
-          const vnode = createVNode(
-            rootComponent,
-            rootProps
-          );
-          vnode.appContext = context;
-          if (process.env.NODE_ENV !== "production") {
-            context.reload = () => {
-              render(cloneVNode(vnode), rootContainer, isSVG);
-            };
-          }
-          if (isHydrate && hydrate) {
-            hydrate(vnode, rootContainer);
-          } else {
-            render(vnode, rootContainer, isSVG);
-          }
-          isMounted = true;
-          app._container = rootContainer;
-          rootContainer.__vue_app__ = app;
-          if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
-            app._instance = vnode.component;
-            devtoolsInitApp(app, version);
-          }
-          return getExposeProxy(vnode.component) || vnode.component.proxy;
-        } else if (process.env.NODE_ENV !== "production") {
-          warn(
-            `App has already been mounted.
-If you want to remount the same app, move your app creation logic into a factory function and create fresh app instances for each mount - e.g. \`const createMyApp = () => createApp(App)\``
-          );
-        }
-      },
-      unmount() {
-        if (isMounted) {
-          render(null, app._container);
-          if (process.env.NODE_ENV !== "production" || __VUE_PROD_DEVTOOLS__) {
-            app._instance = null;
-            devtoolsUnmountApp(app);
-          }
-          delete app._container.__vue_app__;
-        } else if (process.env.NODE_ENV !== "production") {
-          warn(`Cannot unmount an app that is not mounted.`);
-        }
-      },
-      provide(key, value) {
-        if (process.env.NODE_ENV !== "production" && key in context.provides) {
-          warn(
-            `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
-          );
+function getInvalidTypeMessage(name, value, expectedTypes) {
+  let message = `Invalid prop: type check failed for prop "${name}". Expected ${expectedTypes.map(capitalize).join(" | ")}`;
+  const expectedType = expectedTypes[0];
+  const receivedType = toRawType(value);
+  const expectedValue = styleValue(value, expectedType);
+  const receivedValue = styleValue(value, receivedType);
+  if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) {
+    message += ` with value ${expectedValue}`;
+  }
+  message += `, got ${receivedType} `;
+  if (isExplicable(receivedType)) {
+    message += `with value ${receivedValue}.`;
+  }
+  return message;
+}
+function styleValue(value, type) {
+  if (type === "String") {
+    return `"${value}"`;
+  } else if (type === "Number") {
+    return `${Number(value)}`;
+  } else {
+    return `${value}`;
+  }
+}
+function isExplicable(type) {
+  const explicitTypes = ["string", "number", "boolean"];
+  return explicitTypes.some((elem) => type.toLowerCase() === elem);
+}
+function isBoolean(...args) {
+  return args.some((elem) => elem.toLowerCase() === "boolean");
+}
+
+const isInternalKey = (key) => key[0] === "_" || key === "$stable";
+const normalizeSlotValue = (value) => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
+const normalizeSlot = (key, rawSlot, ctx) => {
+  if (rawSlot._n) {
+    return rawSlot;
+  }
+  const normalized = withCtx((...args) => {
+    if (process.env.NODE_ENV !== "production" && currentInstance) {
+      warn(
+        `Slot "${key}" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead.`
+      );
+    }
+    return normalizeSlotValue(rawSlot(...args));
+  }, ctx);
+  normalized._c = false;
+  return normalized;
+};
+const normalizeObjectSlots = (rawSlots, slots, instance) => {
+  const ctx = rawSlots._ctx;
+  for (const key in rawSlots) {
+    if (isInternalKey(key))
+      continue;
+    const value = rawSlots[key];
+    if (isFunction(value)) {
+      slots[key] = normalizeSlot(key, value, ctx);
+    } else if (value != null) {
+      if (process.env.NODE_ENV !== "production" && !isCompatEnabled$1("RENDER_FUNCTION", instance)) {
+        warn(
+          `Non-function value encountered for slot "${key}". Prefer function slots for better performance.`
+        );
+      }
+      const normalized = normalizeSlotValue(value);
+      slots[key] = () => normalized;
+    }
+  }
+};
+const normalizeVNodeSlots = (instance, children) => {
+  if (process.env.NODE_ENV !== "production" && !isKeepAlive(instance.vnode) && !isCompatEnabled$1("RENDER_FUNCTION", instance)) {
+    warn(
+      `Non-function value encountered for default slot. Prefer function slots for better performance.`
+    );
+  }
+  const normalized = normalizeSlotValue(children);
+  instance.slots.default = () => normalized;
+};
+const initSlots = (instance, children) => {
+  if (instance.vnode.shapeFlag & 32) {
+    const type = children._;
+    if (type) {
+      instance.slots = toRaw(children);
+      def(children, "_", type);
+    } else {
+      normalizeObjectSlots(
+        children,
+        instance.slots = {},
+        instance
+      );
+    }
+  } else {
+    instance.slots = {};
+    if (children) {
+      normalizeVNodeSlots(instance, children);
+    }
+  }
+  def(instance.slots, InternalObjectKey, 1);
+};
+const updateSlots = (instance, children, optimized) => {
+  const { vnode, slots } = instance;
+  let needDeletionCheck = true;
+  let deletionComparisonTarget = EMPTY_OBJ;
+  if (vnode.shapeFlag & 32) {
+    const type = children._;
+    if (type) {
+      if (process.env.NODE_ENV !== "production" && isHmrUpdating) {
+        extend(slots, children);
+        trigger(instance, "set", "$slots");
+      } else if (optimized && type === 1) {
+        needDeletionCheck = false;
+      } else {
+        extend(slots, children);
+        if (!optimized && type === 1) {
+          delete slots._;
         }
-        context.provides[key] = value;
-        return app;
       }
-    };
-    {
-      installAppCompatProperties(app, context, render);
+    } else {
+      needDeletionCheck = !children.$stable;
+      normalizeObjectSlots(children, slots, instance);
     }
-    return app;
-  };
-}
+    deletionComparisonTarget = children;
+  } else if (children) {
+    normalizeVNodeSlots(instance, children);
+    deletionComparisonTarget = { default: 1 };
+  }
+  if (needDeletionCheck) {
+    for (const key in slots) {
+      if (!isInternalKey(key) && !(key in deletionComparisonTarget)) {
+        delete slots[key];
+      }
+    }
+  }
+};
 
 function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
   if (isArray(rawRef)) {
@@ -8189,7 +8388,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         areChildrenSVG,
         slotScopeIds
       );
-      if (process.env.NODE_ENV !== "production" && parentComponent && parentComponent.type.__hmrId) {
+      if (process.env.NODE_ENV !== "production") {
         traverseStaticChildren(n1, n2);
       }
     } else if (!optimized) {
@@ -8383,7 +8582,7 @@ function baseCreateRenderer(options, createHydrationFns) {
           isSVG,
           slotScopeIds
         );
-        if (process.env.NODE_ENV !== "production" && parentComponent && parentComponent.type.__hmrId) {
+        if (process.env.NODE_ENV !== "production") {
           traverseStaticChildren(n1, n2);
         } else if (
           // #2080 if the stable fragment has a key, it's a <template v-for> that may
@@ -10066,6 +10265,8 @@ function createComponentInstance(vnode, parent, suspense) {
     refs: EMPTY_OBJ,
     setupState: EMPTY_OBJ,
     setupContext: null,
+    attrsProxy: null,
+    slotsProxy: null,
     // suspense related
     suspense,
     suspenseId: suspense ? suspense.pendingId : 0,
@@ -10319,8 +10520,8 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
     }
   }
 }
-function createAttrsProxy(instance) {
-  return new Proxy(
+function getAttrsProxy(instance) {
+  return instance.attrsProxy || (instance.attrsProxy = new Proxy(
     instance.attrs,
     process.env.NODE_ENV !== "production" ? {
       get(target, key) {
@@ -10342,7 +10543,23 @@ function createAttrsProxy(instance) {
         return target[key];
       }
     }
-  );
+  ));
+}
+function getSlotsProxy(instance) {
+  return instance.slotsProxy || (instance.slotsProxy = new Proxy(instance.slots, {
+    get(target, key) {
+      track(instance, "get", "$slots");
+      return target[key];
+    },
+    set() {
+      warn(`setupContext.slots is readonly.`);
+      return false;
+    },
+    deleteProperty() {
+      warn(`setupContext.slots is readonly.`);
+      return false;
+    }
+  }));
 }
 function createSetupContext(instance) {
   const expose = (exposed) => {
@@ -10368,14 +10585,13 @@ function createSetupContext(instance) {
     }
     instance.exposed = exposed || {};
   };
-  let attrs;
   if (process.env.NODE_ENV !== "production") {
     return Object.freeze({
       get attrs() {
-        return attrs || (attrs = createAttrsProxy(instance));
+        return getAttrsProxy(instance);
       },
       get slots() {
-        return shallowReadonly(instance.slots);
+        return getSlotsProxy(instance);
       },
       get emit() {
         return (event, ...args) => instance.emit(event, ...args);
@@ -10385,7 +10601,7 @@ function createSetupContext(instance) {
   } else {
     return {
       get attrs() {
-        return attrs || (attrs = createAttrsProxy(instance));
+        return getAttrsProxy(instance);
       },
       slots: instance.slots,
       emit: instance.emit,
@@ -10444,111 +10660,6 @@ const computed = (getterOrOptions, debugOptions) => {
   return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 };
 
-const warnRuntimeUsage = (method) => warn(
-  `${method}() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect.`
-);
-function defineProps() {
-  if (process.env.NODE_ENV !== "production") {
-    warnRuntimeUsage(`defineProps`);
-  }
-  return null;
-}
-function defineEmits() {
-  if (process.env.NODE_ENV !== "production") {
-    warnRuntimeUsage(`defineEmits`);
-  }
-  return null;
-}
-function defineExpose(exposed) {
-  if (process.env.NODE_ENV !== "production") {
-    warnRuntimeUsage(`defineExpose`);
-  }
-}
-function defineOptions(options) {
-  if (process.env.NODE_ENV !== "production") {
-    warnRuntimeUsage(`defineOptions`);
-  }
-}
-function defineSlots() {
-  if (process.env.NODE_ENV !== "production") {
-    warnRuntimeUsage(`defineSlots`);
-  }
-}
-function withDefaults(props, defaults) {
-  if (process.env.NODE_ENV !== "production") {
-    warnRuntimeUsage(`withDefaults`);
-  }
-  return null;
-}
-function useSlots() {
-  return getContext().slots;
-}
-function useAttrs() {
-  return getContext().attrs;
-}
-function getContext() {
-  const i = getCurrentInstance();
-  if (process.env.NODE_ENV !== "production" && !i) {
-    warn(`useContext() called without active instance.`);
-  }
-  return i.setupContext || (i.setupContext = createSetupContext(i));
-}
-function mergeDefaults(raw, defaults) {
-  const props = isArray(raw) ? raw.reduce(
-    (normalized, p) => (normalized[p] = {}, normalized),
-    {}
-  ) : raw;
-  for (const key in defaults) {
-    if (key.startsWith("__skip"))
-      continue;
-    let opt = props[key];
-    if (opt) {
-      if (isArray(opt) || isFunction(opt)) {
-        opt = props[key] = { type: opt, default: defaults[key] };
-      } else {
-        opt.default = defaults[key];
-      }
-    } else if (opt === null) {
-      opt = props[key] = { default: defaults[key] };
-    } else if (process.env.NODE_ENV !== "production") {
-      warn(`props default key "${key}" has no corresponding declaration.`);
-    }
-    if (opt && defaults[`__skip_${key}`]) {
-      opt.skipFactory = true;
-    }
-  }
-  return props;
-}
-function createPropsRestProxy(props, excludedKeys) {
-  const ret = {};
-  for (const key in props) {
-    if (!excludedKeys.includes(key)) {
-      Object.defineProperty(ret, key, {
-        enumerable: true,
-        get: () => props[key]
-      });
-    }
-  }
-  return ret;
-}
-function withAsyncContext(getAwaitable) {
-  const ctx = getCurrentInstance();
-  if (process.env.NODE_ENV !== "production" && !ctx) {
-    warn(
-      `withAsyncContext called without active current instance. This is likely a bug.`
-    );
-  }
-  let awaitable = getAwaitable();
-  unsetCurrentInstance();
-  if (isPromise(awaitable)) {
-    awaitable = awaitable.catch((e) => {
-      setCurrentInstance(ctx);
-      throw e;
-    });
-  }
-  return [awaitable, () => setCurrentInstance(ctx)];
-}
-
 function h(type, propsOrChildren, children) {
   const l = arguments.length;
   if (l === 2) {
@@ -10784,7 +10895,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-alpha.8";
+const version = "3.3.0-beta.1";
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -12496,6 +12607,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   defineCustomElement: defineCustomElement,
   defineEmits: defineEmits,
   defineExpose: defineExpose,
+  defineModel: defineModel,
   defineOptions: defineOptions,
   defineProps: defineProps,
   defineSSRCustomElement: defineSSRCustomElement,
@@ -12509,6 +12621,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   guardReactiveProps: guardReactiveProps,
   h: h,
   handleError: handleError,
+  hasInjectionContext: hasInjectionContext,
   hydrate: hydrate,
   initCustomFormatter: initCustomFormatter,
   initDirectivesForSSR: initDirectivesForSSR,
@@ -12523,6 +12636,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   isVNode: isVNode,
   markRaw: markRaw,
   mergeDefaults: mergeDefaults,
+  mergeModels: mergeModels,
   mergeProps: mergeProps,
   nextTick: nextTick,
   normalizeClass: normalizeClass,
@@ -12581,6 +12695,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   useAttrs: useAttrs,
   useCssModule: useCssModule,
   useCssVars: useCssVars,
+  useModel: useModel,
   useSSRContext: useSSRContext,
   useSlots: useSlots,
   useTransitionState: useTransitionState,
@@ -12702,8 +12817,11 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   [48]: `ES module mode is not supported in this build of compiler.`,
   [49]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
   [50]: `"scopeId" option is only supported in module mode.`,
+  // deprecations
+  [51]: `@vnode-* hooks in templates are deprecated. Use the vue: prefix instead. For example, @vnode-mounted should be changed to @vue:mounted. @vnode-* hooks support will be removed in 3.4.`,
+  [52]: `v-is="component-name" has been deprecated. Use is="vue:component-name" instead. v-is support will be removed in 3.4.`,
   // just to fulfill types
-  [51]: ``
+  [53]: ``
 };
 
 const FRAGMENT = Symbol(process.env.NODE_ENV !== "production" ? `Fragment` : ``);
@@ -16072,6 +16190,11 @@ function resolveComponentType(node, context, ssr = false) {
   }
   const isDir = !isExplicitDynamic && findDir(node, "is");
   if (isDir && isDir.exp) {
+    if (process.env.NODE_ENV !== "production") {
+      context.onWarn(
+        createCompilerError(52, isDir.loc)
+      );
+    }
     return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [
       isDir.exp
     ]);
@@ -16577,6 +16700,11 @@ const transformOn$1 = (dir, node, context, augmentor) => {
   if (arg.type === 4) {
     if (arg.isStatic) {
       let rawName = arg.content;
+      if (process.env.NODE_ENV !== "production" && rawName.startsWith("vnode")) {
+        context.onWarn(
+          createCompilerError(51, arg.loc)
+        );
+      }
       if (rawName.startsWith("vue:")) {
         rawName = `vnode-${rawName.slice(4)}`;
       }
@@ -16773,7 +16901,7 @@ const transformText = (node, context) => {
 const seen$1 = /* @__PURE__ */ new WeakSet();
 const transformOnce = (node, context) => {
   if (node.type === 1 && findDir(node, "once", true)) {
-    if (seen$1.has(node) || context.inVOnce) {
+    if (seen$1.has(node) || context.inVOnce || context.inSSR) {
       return;
     }
     seen$1.add(node);
@@ -17224,29 +17352,29 @@ function createDOMCompilerError(code, loc) {
   );
 }
 const DOMErrorMessages = {
-  [51]: `v-html is missing expression.`,
-  [52]: `v-html will override element children.`,
-  [53]: `v-text is missing expression.`,
-  [54]: `v-text will override element children.`,
-  [55]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
-  [56]: `v-model argument is not supported on plain elements.`,
-  [57]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
-  [58]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
-  [59]: `v-show is missing expression.`,
-  [60]: `<Transition> expects exactly one child element or component.`,
-  [61]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
+  [53]: `v-html is missing expression.`,
+  [54]: `v-html will override element children.`,
+  [55]: `v-text is missing expression.`,
+  [56]: `v-text will override element children.`,
+  [57]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
+  [58]: `v-model argument is not supported on plain elements.`,
+  [59]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
+  [60]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
+  [61]: `v-show is missing expression.`,
+  [62]: `<Transition> expects exactly one child element or component.`,
+  [63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
 };
 
 const transformVHtml = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(51, loc)
+      createDOMCompilerError(53, loc)
     );
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(52, loc)
+      createDOMCompilerError(54, loc)
     );
     node.children.length = 0;
   }
@@ -17264,12 +17392,12 @@ const transformVText = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(53, loc)
+      createDOMCompilerError(55, loc)
     );
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(54, loc)
+      createDOMCompilerError(56, loc)
     );
     node.children.length = 0;
   }
@@ -17295,7 +17423,7 @@ const transformModel = (dir, node, context) => {
   if (dir.arg) {
     context.onError(
       createDOMCompilerError(
-        56,
+        58,
         dir.arg.loc
       )
     );
@@ -17305,7 +17433,7 @@ const transformModel = (dir, node, context) => {
     if (value) {
       context.onError(
         createDOMCompilerError(
-          58,
+          60,
           value.loc
         )
       );
@@ -17333,7 +17461,7 @@ const transformModel = (dir, node, context) => {
               isInvalidType = true;
               context.onError(
                 createDOMCompilerError(
-                  57,
+                  59,
                   dir.loc
                 )
               );
@@ -17359,7 +17487,7 @@ const transformModel = (dir, node, context) => {
   } else {
     context.onError(
       createDOMCompilerError(
-        55,
+        57,
         dir.loc
       )
     );
@@ -17471,7 +17599,7 @@ const transformShow = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(59, loc)
+      createDOMCompilerError(61, loc)
     );
   }
   return {
@@ -17491,7 +17619,7 @@ const transformTransition = (node, context) => {
         if (hasMultipleChildren(node)) {
           context.onError(
             createDOMCompilerError(
-              60,
+              62,
               {
                 start: node.children[0].loc.start,
                 end: node.children[node.children.length - 1].loc.end,
@@ -17528,7 +17656,7 @@ function hasMultipleChildren(node) {
 const ignoreSideEffectTags = (node, context) => {
   if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
     context.onError(
-      createDOMCompilerError(61, node.loc)
+      createDOMCompilerError(63, node.loc)
     );
     context.removeNode();
   }
@@ -17628,4 +17756,4 @@ var Vue$1 = Vue;
 
 const { configureCompat } = Vue$1;
 
-export { BaseTransition, BaseTransitionPropsValidators, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, assertNumber, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed, configureCompat, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, Vue$1 as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, assertNumber, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed, configureCompat, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, Vue$1 as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useModel, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };