@vue/runtime-dom 3.4.0-beta.4 → 3.4.0-rc.2

package/dist/runtime-dom.global.js

@@ -283,7 +283,7 @@ var VueRuntimeDOM = (function (exports) {
     return isSymbol(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v;
   };
 
-  function warn$1(msg, ...args) {
+  function warn$2(msg, ...args) {
     console.warn(`[Vue warn] ${msg}`, ...args);
   }
 
@@ -323,7 +323,7 @@ var VueRuntimeDOM = (function (exports) {
           activeEffectScope = currentEffectScope;
         }
       } else {
-        warn$1(`cannot run an inactive effect scope.`);
+        warn$2(`cannot run an inactive effect scope.`);
       }
     }
     /**
@@ -381,7 +381,7 @@ var VueRuntimeDOM = (function (exports) {
     if (activeEffectScope) {
       activeEffectScope.cleanups.push(fn);
     } else {
-      warn$1(
+      warn$2(
         `onScopeDispose() is called when there is no active effect scope to be associated with.`
       );
     }
@@ -829,7 +829,7 @@ var VueRuntimeDOM = (function (exports) {
     }
     set(target, key) {
       {
-        warn$1(
+        warn$2(
           `Set operation on key "${String(key)}" failed: target is readonly.`,
           target
         );
@@ -838,7 +838,7 @@ var VueRuntimeDOM = (function (exports) {
     }
     deleteProperty(target, key) {
       {
-        warn$1(
+        warn$2(
           `Delete operation on key "${String(key)}" failed: target is readonly.`,
           target
         );
@@ -1496,7 +1496,7 @@ var VueRuntimeDOM = (function (exports) {
   function popWarningContext() {
     stack.pop();
   }
-  function warn(msg, ...args) {
+  function warn$1(msg, ...args) {
     pauseTracking();
     const instance = stack.length ? stack[stack.length - 1].component : null;
     const appWarnHandler = instance && instance.appContext.config.warnHandler;
@@ -1597,9 +1597,9 @@ var VueRuntimeDOM = (function (exports) {
     if (val === void 0) {
       return;
     } else if (typeof val !== "number") {
-      warn(`${type} is not a valid number - got ${JSON.stringify(val)}.`);
+      warn$1(`${type} is not a valid number - got ${JSON.stringify(val)}.`);
     } else if (isNaN(val)) {
-      warn(`${type} is NaN - the duration expression might be incorrect.`);
+      warn$1(`${type} is NaN - the duration expression might be incorrect.`);
     }
   }
 
@@ -1727,7 +1727,7 @@ var VueRuntimeDOM = (function (exports) {
       if (contextVNode) {
         pushWarningContext(contextVNode);
       }
-      warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+      warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
       if (contextVNode) {
         popWarningContext();
       }
@@ -2025,22 +2025,22 @@ var VueRuntimeDOM = (function (exports) {
     };
   }
 
-  exports.devtools = void 0;
+  let devtools$1;
   let buffer = [];
   let devtoolsNotInstalled = false;
   function emit$1(event, ...args) {
-    if (exports.devtools) {
-      exports.devtools.emit(event, ...args);
+    if (devtools$1) {
+      devtools$1.emit(event, ...args);
     } else if (!devtoolsNotInstalled) {
       buffer.push({ event, args });
     }
   }
-  function setDevtoolsHook(hook, target) {
+  function setDevtoolsHook$1(hook, target) {
     var _a, _b;
-    exports.devtools = hook;
-    if (exports.devtools) {
-      exports.devtools.enabled = true;
-      buffer.forEach(({ event, args }) => exports.devtools.emit(event, ...args));
+    devtools$1 = hook;
+    if (devtools$1) {
+      devtools$1.enabled = true;
+      buffer.forEach(({ event, args }) => devtools$1.emit(event, ...args));
       buffer = [];
     } else if (
       // handle late devtools injection - only do this if we are in an actual
@@ -2052,10 +2052,10 @@ var VueRuntimeDOM = (function (exports) {
     ) {
       const replay = target.__VUE_DEVTOOLS_HOOK_REPLAY__ = target.__VUE_DEVTOOLS_HOOK_REPLAY__ || [];
       replay.push((newHook) => {
-        setDevtoolsHook(newHook, target);
+        setDevtoolsHook$1(newHook, target);
       });
       setTimeout(() => {
-        if (!exports.devtools) {
+        if (!devtools$1) {
           target.__VUE_DEVTOOLS_HOOK_REPLAY__ = null;
           devtoolsNotInstalled = true;
           buffer = [];
@@ -2085,8 +2085,8 @@ var VueRuntimeDOM = (function (exports) {
     "component:removed" /* COMPONENT_REMOVED */
   );
   const devtoolsComponentRemoved = (component) => {
-    if (exports.devtools && typeof exports.devtools.cleanupBuffer === "function" && // remove the component if it wasn't buffered
-    !exports.devtools.cleanupBuffer(component)) {
+    if (devtools$1 && typeof devtools$1.cleanupBuffer === "function" && // remove the component if it wasn't buffered
+    !devtools$1.cleanupBuffer(component)) {
       _devtoolsComponentRemoved(component);
     }
   };
@@ -2134,7 +2134,7 @@ var VueRuntimeDOM = (function (exports) {
       if (emitsOptions) {
         if (!(event in emitsOptions) && true) {
           if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
-            warn(
+            warn$1(
               `Component emitted event "${event}" but it is neither declared in the emits option nor as an "${toHandlerKey(event)}" prop.`
             );
           }
@@ -2143,7 +2143,7 @@ var VueRuntimeDOM = (function (exports) {
           if (isFunction(validator)) {
             const isValid = validator(...rawArgs);
             if (!isValid) {
-              warn(
+              warn$1(
                 `Invalid event arguments: event validation failed for event "${event}".`
               );
             }
@@ -2170,7 +2170,7 @@ var VueRuntimeDOM = (function (exports) {
     {
       const lowerCaseEvent = event.toLowerCase();
       if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-        warn(
+        warn$1(
           `Event "${lowerCaseEvent}" is emitted in component ${formatComponentName(
           instance,
           instance.type
@@ -2338,7 +2338,7 @@ var VueRuntimeDOM = (function (exports) {
         const proxyToUse = withProxy || proxy;
         const thisProxy = setupState.__isScriptSetup ? new Proxy(proxyToUse, {
           get(target, key, receiver) {
-            warn(
+            warn$1(
               `Property '${String(
               key
             )}' was accessed via 'this'. Avoid using 'this' in templates.`
@@ -2419,12 +2419,12 @@ var VueRuntimeDOM = (function (exports) {
             }
           }
           if (extraAttrs.length) {
-            warn(
+            warn$1(
               `Extraneous non-props attributes (${extraAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.`
             );
           }
           if (eventAttrs.length) {
-            warn(
+            warn$1(
               `Extraneous non-emits event listeners (${eventAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.`
             );
           }
@@ -2433,7 +2433,7 @@ var VueRuntimeDOM = (function (exports) {
     }
     if (vnode.dirs) {
       if (!isElementRoot(root)) {
-        warn(
+        warn$1(
           `Runtime directive used on component with non-element root node. The directives will not function as intended.`
         );
       }
@@ -2442,7 +2442,7 @@ var VueRuntimeDOM = (function (exports) {
     }
     if (vnode.transition) {
       if (!isElementRoot(root)) {
-        warn(
+        warn$1(
           `Component inside <Transition> renders non-element root node that cannot be animated.`
         );
       }
@@ -2635,11 +2635,11 @@ var VueRuntimeDOM = (function (exports) {
       if (warnMissing && !res) {
         const extra = type === COMPONENTS ? `
 If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.` : ``;
-        warn(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
+        warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
       }
       return res;
     } else {
-      warn(
+      warn$1(
         `resolve${capitalize(type.slice(0, -1))} can only be used in render() or setup().`
       );
     }
@@ -3195,7 +3195,7 @@ If this is a native custom element, make sure to exclude it from component resol
     if (isArray(s)) {
       const singleChild = filterSingleRoot(s);
       if (!singleChild && s.filter((child) => child !== NULL_DYNAMIC_COMPONENT).length > 0) {
-        warn(`<Suspense> slots expect a single root node.`);
+        warn$1(`<Suspense> slots expect a single root node.`);
       }
       s = singleChild;
     }
@@ -3250,7 +3250,7 @@ If this is a native custom element, make sure to exclude it from component resol
   const INITIAL_WATCHER_VALUE = {};
   function watch(source, cb, options) {
     if (!isFunction(cb)) {
-      warn(
+      warn$1(
         `\`watch(fn, options?)\` signature has been moved to a separate API. Use \`watchEffect(fn, options?)\` instead. \`watch\` now only supports \`watch(source, cb, options?) signature.`
       );
     }
@@ -3267,23 +3267,23 @@ If this is a native custom element, make sure to exclude it from component resol
     }
     if (!cb) {
       if (immediate !== void 0) {
-        warn(
+        warn$1(
           `watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.`
         );
       }
       if (deep !== void 0) {
-        warn(
+        warn$1(
           `watch() "deep" option is only respected when using the watch(source, callback, options?) signature.`
         );
       }
       if (once !== void 0) {
-        warn(
+        warn$1(
           `watch() "once" option is only respected when using the watch(source, callback, options?) signature.`
         );
       }
     }
     const warnInvalidSource = (s) => {
-      warn(
+      warn$1(
         `Invalid watch source: `,
         s,
         `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.`
@@ -3468,13 +3468,13 @@ If this is a native custom element, make sure to exclude it from component resol
 
   function validateDirectiveName(name) {
     if (isBuiltInDirective(name)) {
-      warn("Do not use built-in directive ids as custom directive id: " + name);
+      warn$1("Do not use built-in directive ids as custom directive id: " + name);
     }
   }
   function withDirectives(vnode, directives) {
     const internalInstance = currentRenderingInstance;
     if (internalInstance === null) {
-      warn(`withDirectives can only be used inside render functions.`);
+      warn$1(`withDirectives can only be used inside render functions.`);
       return vnode;
     }
     const instance = getExposeProxy(internalInstance) || internalInstance.proxy;
@@ -3581,7 +3581,7 @@ If this is a native custom element, make sure to exclude it from component resol
           for (const c of children) {
             if (c.type !== Comment) {
               if (hasFound) {
-                warn(
+                warn$1(
                   "<transition> can only be used on a single element or component. Use <transition-group> for lists."
                 );
                 break;
@@ -3594,7 +3594,7 @@ If this is a native custom element, make sure to exclude it from component resol
         const rawProps = toRaw(props);
         const { mode } = rawProps;
         if (mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") {
-          warn(`invalid <transition> mode: ${mode}`);
+          warn$1(`invalid <transition> mode: ${mode}`);
         }
         if (state.isLeaving) {
           return emptyPlaceholder(child);
@@ -3909,7 +3909,7 @@ If this is a native custom element, make sure to exclude it from component resol
           return pendingRequest;
         }
         if (!comp) {
-          warn(
+          warn$1(
             `Async component loader resolved to undefined. If you are using retry(), make sure to return its return value.`
           );
         }
@@ -4143,7 +4143,7 @@ If this is a native custom element, make sure to exclude it from component resol
         const rawVNode = children[0];
         if (children.length > 1) {
           {
-            warn(`KeepAlive should contain exactly one component child.`);
+            warn$1(`KeepAlive should contain exactly one component child.`);
           }
           current = null;
           return children;
@@ -4272,7 +4272,7 @@ If this is a native custom element, make sure to exclude it from component resol
       return wrappedHook;
     } else {
       const apiName = toHandlerKey(ErrorTypeStrings$1[type].replace(/ hook$/, ""));
-      warn(
+      warn$1(
         `${apiName} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup().` + (` If you are using async setup(), make sure to register lifecycle hooks before the first await statement.` )
       );
     }
@@ -4308,7 +4308,7 @@ If this is a native custom element, make sure to exclude it from component resol
       }
     } else if (typeof source === "number") {
       if (!Number.isInteger(source)) {
-        warn(`The v-for range expect an integer value but got ${source}.`);
+        warn$1(`The v-for range expect an integer value but got ${source}.`);
       }
       ret = new Array(source);
       for (let i = 0; i < source; i++) {
@@ -4364,7 +4364,7 @@ If this is a native custom element, make sure to exclude it from component resol
     }
     let slot = slots[name];
     if (slot && slot.length > 1) {
-      warn(
+      warn$1(
         `SSR-optimized slot function detected in a non-SSR-optimized render function. You need to mark this component with $dynamic-slots in the parent template.`
       );
       slot = () => [];
@@ -4407,7 +4407,7 @@ If this is a native custom element, make sure to exclude it from component resol
   function toHandlers(obj, preserveCaseIfNecessary) {
     const ret = {};
     if (!isObject(obj)) {
-      warn(`v-on with no argument expects an object value.`);
+      warn$1(`v-on with no argument expects an object value.`);
       return ret;
     }
     for (const key in obj) {
@@ -4517,13 +4517,13 @@ If this is a native custom element, make sure to exclude it from component resol
       // to infinite warning loop
       key.indexOf("__v") !== 0)) {
         if (data !== EMPTY_OBJ && isReservedPrefix(key[0]) && hasOwn(data, key)) {
-          warn(
+          warn$1(
             `Property ${JSON.stringify(
             key
           )} must be accessed via $data because it starts with a reserved character ("$" or "_") and is not proxied on the render context.`
           );
         } else if (instance === currentRenderingInstance) {
-          warn(
+          warn$1(
             `Property ${JSON.stringify(key)} was accessed during render but is not defined on instance.`
           );
         }
@@ -4535,17 +4535,17 @@ If this is a native custom element, make sure to exclude it from component resol
         setupState[key] = value;
         return true;
       } else if (setupState.__isScriptSetup && hasOwn(setupState, key)) {
-        warn(`Cannot mutate <script setup> binding "${key}" from Options API.`);
+        warn$1(`Cannot mutate <script setup> binding "${key}" from Options API.`);
         return false;
       } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
         data[key] = value;
         return true;
       } else if (hasOwn(instance.props, key)) {
-        warn(`Attempting to mutate prop "${key}". Props are readonly.`);
+        warn$1(`Attempting to mutate prop "${key}". Props are readonly.`);
         return false;
       }
       if (key[0] === "$" && key.slice(1) in instance) {
-        warn(
+        warn$1(
           `Attempting to mutate public property "${key}". Properties starting with $ are reserved and readonly.`
         );
         return false;
@@ -4579,7 +4579,7 @@ If this is a native custom element, make sure to exclude it from component resol
   };
   {
     PublicInstanceProxyHandlers.ownKeys = (target) => {
-      warn(
+      warn$1(
         `Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead.`
       );
       return Reflect.ownKeys(target);
@@ -4598,7 +4598,7 @@ If this is a native custom element, make sure to exclude it from component resol
       has(_, key) {
         const has = key[0] !== "_" && !isGloballyAllowed(key);
         if (!has && PublicInstanceProxyHandlers.has(_, key)) {
-          warn(
+          warn$1(
             `Property ${JSON.stringify(
             key
           )} should not start with _ which is a reserved prefix for Vue internals.`
@@ -4648,7 +4648,7 @@ If this is a native custom element, make sure to exclude it from component resol
     Object.keys(toRaw(setupState)).forEach((key) => {
       if (!setupState.__isScriptSetup) {
         if (isReservedPrefix(key[0])) {
-          warn(
+          warn$1(
             `setup() return property ${JSON.stringify(
             key
           )} should not start with "$" or "_" which are reserved prefixes for Vue internals.`
@@ -4665,7 +4665,7 @@ If this is a native custom element, make sure to exclude it from component resol
     });
   }
 
-  const warnRuntimeUsage = (method) => warn(
+  const warnRuntimeUsage = (method) => warn$1(
     `${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() {
@@ -4716,11 +4716,11 @@ If this is a native custom element, make sure to exclude it from component resol
   function useModel(props, name) {
     const i = getCurrentInstance();
     if (!i) {
-      warn(`useModel() called without active instance.`);
+      warn$1(`useModel() called without active instance.`);
       return ref();
     }
     if (!i.propsOptions[0][name]) {
-      warn(`useModel() called with prop "${name}" which is not declared.`);
+      warn$1(`useModel() called with prop "${name}" which is not declared.`);
       return ref();
     }
     return customRef((track, trigger) => {
@@ -4751,7 +4751,7 @@ If this is a native custom element, make sure to exclude it from component resol
   function getContext() {
     const i = getCurrentInstance();
     if (!i) {
-      warn(`useContext() called without active instance.`);
+      warn$1(`useContext() called without active instance.`);
     }
     return i.setupContext || (i.setupContext = createSetupContext(i));
   }
@@ -4776,7 +4776,7 @@ If this is a native custom element, make sure to exclude it from component resol
       } else if (opt === null) {
         opt = props[key] = { default: defaults[key] };
       } else {
-        warn(`props default key "${key}" has no corresponding declaration.`);
+        warn$1(`props default key "${key}" has no corresponding declaration.`);
       }
       if (opt && defaults[`__skip_${key}`]) {
         opt.skipFactory = true;
@@ -4806,7 +4806,7 @@ If this is a native custom element, make sure to exclude it from component resol
   function withAsyncContext(getAwaitable) {
     const ctx = getCurrentInstance();
     if (!ctx) {
-      warn(
+      warn$1(
         `withAsyncContext called without active current instance. This is likely a bug.`
       );
     }
@@ -4825,7 +4825,7 @@ If this is a native custom element, make sure to exclude it from component resol
     const cache = /* @__PURE__ */ Object.create(null);
     return (type, key) => {
       if (cache[key]) {
-        warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
+        warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
       } else {
         cache[key] = type;
       }
@@ -4901,7 +4901,7 @@ If this is a native custom element, make sure to exclude it from component resol
             checkDuplicateProperties("Methods" /* METHODS */, key);
           }
         } else {
-          warn(
+          warn$1(
             `Method "${key}" has type "${typeof methodHandler}" in the component definition. Did you reference the function correctly?`
           );
         }
@@ -4909,18 +4909,18 @@ If this is a native custom element, make sure to exclude it from component resol
     }
     if (dataOptions) {
       if (!isFunction(dataOptions)) {
-        warn(
+        warn$1(
           `The data option must be a function. Plain object usage is no longer supported.`
         );
       }
       const data = dataOptions.call(publicThis, publicThis);
       if (isPromise(data)) {
-        warn(
+        warn$1(
           `data() returned a Promise - note data() cannot be async; If you intend to perform data fetching before component renders, use async setup() + <Suspense>.`
         );
       }
       if (!isObject(data)) {
-        warn(`data() should return an object.`);
+        warn$1(`data() should return an object.`);
       } else {
         instance.data = reactive(data);
         {
@@ -4944,10 +4944,10 @@ If this is a native custom element, make sure to exclude it from component resol
         const opt = computedOptions[key];
         const get = isFunction(opt) ? opt.bind(publicThis, publicThis) : isFunction(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
         if (get === NOOP) {
-          warn(`Computed property "${key}" has no getter.`);
+          warn$1(`Computed property "${key}" has no getter.`);
         }
         const set = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : () => {
-          warn(
+          warn$1(
             `Write operation failed: computed property "${key}" is readonly.`
           );
         } ;
@@ -5073,7 +5073,7 @@ If this is a native custom element, make sure to exclude it from component resol
       if (isFunction(handler)) {
         watch(getter, handler);
       } else {
-        warn(`Invalid watch handler specified by key "${raw}"`, handler);
+        warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
       }
     } else if (isFunction(raw)) {
       watch(getter, raw.bind(publicThis));
@@ -5085,11 +5085,11 @@ If this is a native custom element, make sure to exclude it from component resol
         if (isFunction(handler)) {
           watch(getter, handler, raw);
         } else {
-          warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+          warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
         }
       }
     } else {
-      warn(`Invalid watch option: "${key}"`, raw);
+      warn$1(`Invalid watch option: "${key}"`, raw);
     }
   }
   function resolveMergedOptions(instance) {
@@ -5134,7 +5134,7 @@ If this is a native custom element, make sure to exclude it from component resol
     }
     for (const key in from) {
       if (asMixin && key === "expose") {
-        warn(
+        warn$1(
           `"expose" option is ignored when declared in mixins or extends. It should only be declared in the base component itself.`
         );
       } else {
@@ -5262,7 +5262,7 @@ If this is a native custom element, make sure to exclude it from component resol
         rootComponent = extend({}, rootComponent);
       }
       if (rootProps != null && !isObject(rootProps)) {
-        warn(`root props passed to app.mount() must be an object.`);
+        warn$1(`root props passed to app.mount() must be an object.`);
         rootProps = null;
       }
       const context = createAppContext();
@@ -5281,14 +5281,14 @@ If this is a native custom element, make sure to exclude it from component resol
         },
         set config(v) {
           {
-            warn(
+            warn$1(
               `app.config cannot be replaced. Modify individual options instead.`
             );
           }
         },
         use(plugin, ...options) {
           if (installedPlugins.has(plugin)) {
-            warn(`Plugin has already been applied to target app.`);
+            warn$1(`Plugin has already been applied to target app.`);
           } else if (plugin && isFunction(plugin.install)) {
             installedPlugins.add(plugin);
             plugin.install(app, ...options);
@@ -5296,7 +5296,7 @@ If this is a native custom element, make sure to exclude it from component resol
             installedPlugins.add(plugin);
             plugin(app, ...options);
           } else {
-            warn(
+            warn$1(
               `A plugin must either be a function or an object with an "install" function.`
             );
           }
@@ -5307,7 +5307,7 @@ If this is a native custom element, make sure to exclude it from component resol
             if (!context.mixins.includes(mixin)) {
               context.mixins.push(mixin);
             } else {
-              warn(
+              warn$1(
                 "Mixin has already been applied to target app" + (mixin.name ? `: ${mixin.name}` : "")
               );
             }
@@ -5322,7 +5322,7 @@ If this is a native custom element, make sure to exclude it from component resol
             return context.components[name];
           }
           if (context.components[name]) {
-            warn(`Component "${name}" has already been registered in target app.`);
+            warn$1(`Component "${name}" has already been registered in target app.`);
           }
           context.components[name] = component;
           return app;
@@ -5335,7 +5335,7 @@ If this is a native custom element, make sure to exclude it from component resol
             return context.directives[name];
           }
           if (context.directives[name]) {
-            warn(`Directive "${name}" has already been registered in target app.`);
+            warn$1(`Directive "${name}" has already been registered in target app.`);
           }
           context.directives[name] = directive;
           return app;
@@ -5343,7 +5343,7 @@ If this is a native custom element, make sure to exclude it from component resol
         mount(rootContainer, isHydrate, namespace) {
           if (!isMounted) {
             if (rootContainer.__vue_app__) {
-              warn(
+              warn$1(
                 `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.`
               );
@@ -5378,7 +5378,7 @@ If this is a native custom element, make sure to exclude it from component resol
             }
             return getExposeProxy(vnode.component) || vnode.component.proxy;
           } else {
-            warn(
+            warn$1(
               `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)\``
             );
@@ -5393,12 +5393,12 @@ If you want to remount the same app, move your app creation logic into a factory
             }
             delete app._container.__vue_app__;
           } else {
-            warn(`Cannot unmount an app that is not mounted.`);
+            warn$1(`Cannot unmount an app that is not mounted.`);
           }
         },
         provide(key, value) {
           if (key in context.provides) {
-            warn(
+            warn$1(
               `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
             );
           }
@@ -5422,7 +5422,7 @@ If you want to remount the same app, move your app creation logic into a factory
   function provide(key, value) {
     if (!currentInstance) {
       {
-        warn(`provide() can only be used inside setup().`);
+        warn$1(`provide() can only be used inside setup().`);
       }
     } else {
       let provides = currentInstance.provides;
@@ -5442,10 +5442,10 @@ If you want to remount the same app, move your app creation logic into a factory
       } else if (arguments.length > 1) {
         return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance && instance.proxy) : defaultValue;
       } else {
-        warn(`injection "${String(key)}" not found.`);
+        warn$1(`injection "${String(key)}" not found.`);
       }
     } else {
-      warn(`inject() can only be used inside setup() or functional components.`);
+      warn$1(`inject() can only be used inside setup() or functional components.`);
     }
   }
   function hasInjectionContext() {
@@ -5689,7 +5689,7 @@ If you want to remount the same app, move your app creation logic into a factory
     if (isArray(raw)) {
       for (let i = 0; i < raw.length; i++) {
         if (!isString(raw[i])) {
-          warn(`props must be strings when using array syntax.`, raw[i]);
+          warn$1(`props must be strings when using array syntax.`, raw[i]);
         }
         const normalizedKey = camelize(raw[i]);
         if (validatePropName(normalizedKey)) {
@@ -5698,7 +5698,7 @@ If you want to remount the same app, move your app creation logic into a factory
       }
     } else if (raw) {
       if (!isObject(raw)) {
-        warn(`invalid props options`, raw);
+        warn$1(`invalid props options`, raw);
       }
       for (const key in raw) {
         const normalizedKey = camelize(key);
@@ -5727,7 +5727,7 @@ If you want to remount the same app, move your app creation logic into a factory
     if (key[0] !== "$") {
       return true;
     } else {
-      warn(`Invalid prop name: "${key}" is a reserved property.`);
+      warn$1(`Invalid prop name: "${key}" is a reserved property.`);
     }
     return false;
   }
@@ -5765,7 +5765,7 @@ If you want to remount the same app, move your app creation logic into a factory
   function validateProp(name, value, prop, props, isAbsent) {
     const { type, required, validator, skipCheck } = prop;
     if (required && isAbsent) {
-      warn('Missing required prop: "' + name + '"');
+      warn$1('Missing required prop: "' + name + '"');
       return;
     }
     if (value == null && !required) {
@@ -5781,12 +5781,12 @@ If you want to remount the same app, move your app creation logic into a factory
         isValid = valid;
       }
       if (!isValid) {
-        warn(getInvalidTypeMessage(name, value, expectedTypes));
+        warn$1(getInvalidTypeMessage(name, value, expectedTypes));
         return;
       }
     }
     if (validator && !validator(value, props)) {
-      warn('Invalid prop: custom validator check failed for prop "' + name + '".');
+      warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
     }
   }
   const isSimpleType = /* @__PURE__ */ makeMap(
@@ -5858,7 +5858,7 @@ If you want to remount the same app, move your app creation logic into a factory
     }
     const normalized = withCtx((...args) => {
       if (currentInstance) {
-        warn(
+        warn$1(
           `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.`
         );
       }
@@ -5877,7 +5877,7 @@ If you want to remount the same app, move your app creation logic into a factory
         slots[key] = normalizeSlot(key, value, ctx);
       } else if (value != null) {
         {
-          warn(
+          warn$1(
             `Non-function value encountered for slot "${key}". Prefer function slots for better performance.`
           );
         }
@@ -5888,7 +5888,7 @@ If you want to remount the same app, move your app creation logic into a factory
   };
   const normalizeVNodeSlots = (instance, children) => {
     if (!isKeepAlive(instance.vnode) && true) {
-      warn(
+      warn$1(
         `Non-function value encountered for default slot. Prefer function slots for better performance.`
       );
     }
@@ -5970,7 +5970,7 @@ If you want to remount the same app, move your app creation logic into a factory
     const value = isUnmount ? null : refValue;
     const { i: owner, r: ref } = rawRef;
     if (!owner) {
-      warn(
+      warn$1(
         `Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function.`
       );
       return;
@@ -6025,7 +6025,7 @@ If you want to remount the same app, move your app creation logic into a factory
             if (rawRef.k)
               refs[rawRef.k] = value;
           } else {
-            warn("Invalid template ref type:", ref, `(${typeof ref})`);
+            warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
           }
         };
         if (value) {
@@ -6035,7 +6035,7 @@ If you want to remount the same app, move your app creation logic into a factory
           doSet();
         }
       } else {
-        warn("Invalid template ref type:", ref, `(${typeof ref})`);
+        warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
       }
     }
   }
@@ -6067,7 +6067,7 @@ If you want to remount the same app, move your app creation logic into a factory
     } = rendererInternals;
     const hydrate = (vnode, container) => {
       if (!container.hasChildNodes()) {
-        warn(
+        warn$1(
           `Attempting to hydrate existing markup but container is empty. Performing full mount instead.`
         );
         patch(null, vnode, container);
@@ -6127,7 +6127,7 @@ If you want to remount the same app, move your app creation logic into a factory
           } else {
             if (node.data !== vnode.children) {
               hasMismatch = true;
-              warn(
+              warn$1(
                 `Hydration text mismatch in`,
                 node.parentNode,
                 `
@@ -6262,7 +6262,7 @@ If you want to remount the same app, move your app creation logic into a factory
               hydrateNode
             );
           } else {
-            warn("Invalid HostVNode type:", type, `(${typeof type})`);
+            warn$1("Invalid HostVNode type:", type, `(${typeof type})`);
           }
       }
       if (ref != null) {
@@ -6303,7 +6303,7 @@ If you want to remount the same app, move your app creation logic into a factory
           while (next) {
             hasMismatch = true;
             if (!hasWarned) {
-              warn(
+              warn$1(
                 `Hydration children mismatch on`,
                 el,
                 `
@@ -6318,7 +6318,7 @@ Server rendered element contains more child nodes than client vdom.`
         } else if (shapeFlag & 8) {
           if (el.textContent !== vnode.children) {
             hasMismatch = true;
-            warn(
+            warn$1(
               `Hydration text content mismatch on`,
               el,
               `
@@ -6387,7 +6387,7 @@ Server rendered element contains more child nodes than client vdom.`
         } else {
           hasMismatch = true;
           if (!hasWarned) {
-            warn(
+            warn$1(
               `Hydration children mismatch on`,
               container,
               `
@@ -6434,7 +6434,7 @@ Server rendered element contains fewer child nodes than client vdom.`
     };
     const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
       hasMismatch = true;
-      warn(
+      warn$1(
         `Hydration node mismatch:
 - rendered on server:`,
         node,
@@ -6512,9 +6512,9 @@ Server rendered element contains fewer child nodes than client vdom.`
     let actual;
     let expected;
     if (key === "class") {
-      actual = el.getAttribute("class");
-      expected = normalizeClass(clientValue);
-      if (actual !== expected) {
+      actual = toClassSet(el.getAttribute("class") || "");
+      expected = toClassSet(normalizeClass(clientValue));
+      if (!isSetEqual(actual, expected)) {
         mismatchType = mismatchKey = `class`;
       }
     } else if (key === "style") {
@@ -6533,7 +6533,7 @@ Server rendered element contains fewer child nodes than client vdom.`
     }
     if (mismatchType) {
       const format = (v) => v === false ? `(not rendered)` : `${mismatchKey}="${v}"`;
-      warn(
+      warn$1(
         `Hydration ${mismatchType} mismatch on`,
         el,
         `
@@ -6546,6 +6546,20 @@ Server rendered element contains fewer child nodes than client vdom.`
     }
     return false;
   }
+  function toClassSet(str) {
+    return new Set(str.trim().split(/\s+/));
+  }
+  function isSetEqual(a, b) {
+    if (a.size !== b.size) {
+      return false;
+    }
+    for (const s of a) {
+      if (!b.has(s)) {
+        return false;
+      }
+    }
+    return true;
+  }
 
   let supported;
   let perf;
@@ -6598,7 +6612,7 @@ Server rendered element contains fewer child nodes than client vdom.`
     const target = getGlobalThis();
     target.__VUE__ = true;
     {
-      setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__, target);
+      setDevtoolsHook$1(target.__VUE_DEVTOOLS_GLOBAL_HOOK__, target);
     }
     const {
       insert: hostInsert,
@@ -6707,7 +6721,7 @@ Server rendered element contains fewer child nodes than client vdom.`
               internals
             );
           } else {
-            warn("Invalid VNode type:", type, `(${typeof type})`);
+            warn$1("Invalid VNode type:", type, `(${typeof type})`);
           }
       }
       if (ref != null && parentComponent) {
@@ -7676,7 +7690,7 @@ Server rendered element contains fewer child nodes than client vdom.`
           const nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
           if (nextChild.key != null) {
             if (keyToNewIndexMap.has(nextChild.key)) {
-              warn(
+              warn$1(
                 `Duplicate keys found during update:`,
                 JSON.stringify(nextChild.key),
                 `Make sure keys are unique.`
@@ -8105,14 +8119,14 @@ Server rendered element contains fewer child nodes than client vdom.`
     const targetSelector = props && props.to;
     if (isString(targetSelector)) {
       if (!select) {
-        warn(
+        warn$1(
           `Current renderer does not support string target for Teleports. (missing querySelector renderer option)`
         );
         return null;
       } else {
         const target = select(targetSelector);
         if (!target) {
-          warn(
+          warn$1(
             `Failed to locate Teleport target with selector "${targetSelector}". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.`
           );
         }
@@ -8120,7 +8134,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       }
     } else {
       if (!targetSelector && !isTeleportDisabled(props)) {
-        warn(`Invalid Teleport target: ${targetSelector}`);
+        warn$1(`Invalid Teleport target: ${targetSelector}`);
       }
       return targetSelector;
     }
@@ -8156,7 +8170,7 @@ Server rendered element contains fewer child nodes than client vdom.`
             namespace = "mathml";
           }
         } else if (!disabled) {
-          warn("Invalid Teleport target on mount:", target, `(${typeof target})`);
+          warn$1("Invalid Teleport target on mount:", target, `(${typeof target})`);
         }
         const mount = (container2, anchor2) => {
           if (shapeFlag & 16) {
@@ -8243,7 +8257,7 @@ Server rendered element contains fewer child nodes than client vdom.`
                 0
               );
             } else {
-              warn(
+              warn$1(
                 "Invalid Teleport target on update:",
                 target,
                 `(${typeof target})`
@@ -8493,7 +8507,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       vnode.shapeFlag |= isString(children) ? 8 : 16;
     }
     if (vnode.key !== vnode.key) {
-      warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+      warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
     }
     if (isBlockTreeEnabled > 0 && // avoid a block node from tracking itself
     !isBlockNode && // has current parent block
@@ -8512,7 +8526,7 @@ Server rendered element contains fewer child nodes than client vdom.`
   function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
     if (!type || type === NULL_DYNAMIC_COMPONENT) {
       if (!type) {
-        warn(`Invalid vnode type when creating vnode: ${type}.`);
+        warn$1(`Invalid vnode type when creating vnode: ${type}.`);
       }
       type = Comment;
     }
@@ -8555,7 +8569,7 @@ Server rendered element contains fewer child nodes than client vdom.`
     const shapeFlag = isString(type) ? 1 : isSuspense(type) ? 128 : isTeleport(type) ? 64 : isObject(type) ? 4 : isFunction(type) ? 2 : 0;
     if (shapeFlag & 4 && isProxy(type)) {
       type = toRaw(type);
-      warn(
+      warn$1(
         `Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with \`markRaw\` or using \`shallowRef\` instead of \`ref\`.`,
         `
 Component that was made reactive: `,
@@ -8853,7 +8867,7 @@ Component that was made reactive: `,
   function validateComponentName(name, config) {
     const appIsNativeTag = config.isNativeTag || NO;
     if (isBuiltInTag(name) || appIsNativeTag(name)) {
-      warn(
+      warn$1(
         "Do not use built-in or reserved HTML elements as component id: " + name
       );
     }
@@ -8892,7 +8906,7 @@ Component that was made reactive: `,
         }
       }
       if (Component.compilerOptions && isRuntimeOnly()) {
-        warn(
+        warn$1(
           `"compilerOptions" is only supported when using a build of Vue that includes the runtime compiler. Since you are using a runtime-only build, the options should be passed via your build tool config instead.`
         );
       }
@@ -8927,7 +8941,7 @@ Component that was made reactive: `,
           instance.asyncDep = setupResult;
           if (!instance.suspense) {
             const name = (_a = Component.name) != null ? _a : "Anonymous";
-            warn(
+            warn$1(
               `Component <${name}>: setup function returned a promise, but no <Suspense> boundary was found in the parent component tree. A component with async setup() must be nested in a <Suspense> in order to be rendered.`
             );
           }
@@ -8946,7 +8960,7 @@ Component that was made reactive: `,
       }
     } else if (isObject(setupResult)) {
       if (isVNode(setupResult)) {
-        warn(
+        warn$1(
           `setup() should not return VNodes directly - return a render function instead.`
         );
       }
@@ -8958,7 +8972,7 @@ Component that was made reactive: `,
         exposeSetupStateOnRenderContext(instance);
       }
     } else if (setupResult !== void 0) {
-      warn(
+      warn$1(
         `setup() should return an object. Received: ${setupResult === null ? "null" : typeof setupResult}`
       );
     }
@@ -9019,12 +9033,12 @@ Component that was made reactive: `,
     }
     if (!Component.render && instance.render === NOOP && !isSSR) {
       if (!compile && Component.template) {
-        warn(
+        warn$1(
           `Component provided template option but runtime compilation is not supported in this build of Vue.` + (` Use "vue.global.js" instead.` )
           /* should not happen */
         );
       } else {
-        warn(`Component is missing template or render function.`);
+        warn$1(`Component is missing template or render function.`);
       }
     }
   }
@@ -9038,11 +9052,11 @@ Component that was made reactive: `,
           return target[key];
         },
         set() {
-          warn(`setupContext.attrs is readonly.`);
+          warn$1(`setupContext.attrs is readonly.`);
           return false;
         },
         deleteProperty() {
-          warn(`setupContext.attrs is readonly.`);
+          warn$1(`setupContext.attrs is readonly.`);
           return false;
         }
       } 
@@ -9060,7 +9074,7 @@ Component that was made reactive: `,
     const expose = (exposed) => {
       {
         if (instance.exposed) {
-          warn(`expose() should be called only once per setup().`);
+          warn$1(`expose() should be called only once per setup().`);
         }
         if (exposed != null) {
           let exposedType = typeof exposed;
@@ -9072,7 +9086,7 @@ Component that was made reactive: `,
             }
           }
           if (exposedType !== "object") {
-            warn(
+            warn$1(
               `expose() should be passed a plain object, received ${exposedType}.`
             );
           }
@@ -9170,7 +9184,7 @@ Component that was made reactive: `,
   const ssrContextKey = Symbol.for("v-scx");
   const useSSRContext = () => {
     {
-      warn(`useSSRContext() is not supported in the global build.`);
+      warn$1(`useSSRContext() is not supported in the global build.`);
     }
   };
 
@@ -9375,8 +9389,11 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.0-beta.4";
+  const version = "3.4.0-rc.2";
+  const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
+  const devtools = devtools$1 ;
+  const setDevtoolsHook = setDevtoolsHook$1 ;
   const ssrUtils = null;
   const resolveFilter = null;
   const compatUtils = null;
@@ -10930,6 +10947,7 @@ Component that was made reactive: `,
   exports.defineProps = defineProps;
   exports.defineSSRCustomElement = defineSSRCustomElement;
   exports.defineSlots = defineSlots;
+  exports.devtools = devtools;
   exports.effect = effect;
   exports.effectScope = effectScope;
   exports.getCurrentInstance = getCurrentInstance;