@vue/compat 3.4.0-alpha.3 → 3.4.0-alpha.4

package/dist/vue.runtime.esm-bundler.js

@@ -8,8 +8,8 @@ const EMPTY_ARR = !!(process.env.NODE_ENV !== "production") ? Object.freeze([])
 const NOOP = () => {
 };
 const NO = () => false;
-const onRE = /^on[^a-z]/;
-const isOn = (key) => onRE.test(key);
+const isOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // uppercase letter
+(key.charCodeAt(2) > 122 || key.charCodeAt(2) < 97);
 const isModelListener = (key) => key.startsWith("onUpdate:");
 const extend = Object.assign;
 const remove = (arr, el) => {
@@ -94,7 +94,7 @@ const getGlobalThis = () => {
   return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
 };
 
-const GLOBALS_ALLOWED = "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 GLOBALS_ALLOWED = "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,Error";
 const isGloballyAllowed = /* @__PURE__ */ makeMap(GLOBALS_ALLOWED);
 
 function normalizeStyle(value) {
@@ -1433,6 +1433,18 @@ function propertyToRef(source, key, defaultValue) {
   return isRef(val) ? val : new ObjectRefImpl(source, key, defaultValue);
 }
 
+const TrackOpTypes = {
+  "GET": "get",
+  "HAS": "has",
+  "ITERATE": "iterate"
+};
+const TriggerOpTypes = {
+  "SET": "set",
+  "ADD": "add",
+  "DELETE": "delete",
+  "CLEAR": "clear"
+};
+
 const stack = [];
 function pushWarningContext(vnode) {
   stack.push(vnode);
@@ -1551,6 +1563,38 @@ function assertNumber(val, type) {
   }
 }
 
+const ErrorCodes = {
+  "SETUP_FUNCTION": 0,
+  "0": "SETUP_FUNCTION",
+  "RENDER_FUNCTION": 1,
+  "1": "RENDER_FUNCTION",
+  "WATCH_GETTER": 2,
+  "2": "WATCH_GETTER",
+  "WATCH_CALLBACK": 3,
+  "3": "WATCH_CALLBACK",
+  "WATCH_CLEANUP": 4,
+  "4": "WATCH_CLEANUP",
+  "NATIVE_EVENT_HANDLER": 5,
+  "5": "NATIVE_EVENT_HANDLER",
+  "COMPONENT_EVENT_HANDLER": 6,
+  "6": "COMPONENT_EVENT_HANDLER",
+  "VNODE_HOOK": 7,
+  "7": "VNODE_HOOK",
+  "DIRECTIVE_HOOK": 8,
+  "8": "DIRECTIVE_HOOK",
+  "TRANSITION_HOOK": 9,
+  "9": "TRANSITION_HOOK",
+  "APP_ERROR_HANDLER": 10,
+  "10": "APP_ERROR_HANDLER",
+  "APP_WARN_HANDLER": 11,
+  "11": "APP_WARN_HANDLER",
+  "FUNCTION_REF": 12,
+  "12": "FUNCTION_REF",
+  "ASYNC_COMPONENT_LOADER": 13,
+  "13": "ASYNC_COMPONENT_LOADER",
+  "SCHEDULER": 14,
+  "14": "SCHEDULER"
+};
 const ErrorTypeStrings$1 = {
   ["sp"]: "serverPrefetch hook",
   ["bc"]: "beforeCreate hook",
@@ -2035,6 +2079,50 @@ function devtoolsComponentEmit(component, event, params) {
   );
 }
 
+const DeprecationTypes$1 = {
+  "GLOBAL_MOUNT": "GLOBAL_MOUNT",
+  "GLOBAL_MOUNT_CONTAINER": "GLOBAL_MOUNT_CONTAINER",
+  "GLOBAL_EXTEND": "GLOBAL_EXTEND",
+  "GLOBAL_PROTOTYPE": "GLOBAL_PROTOTYPE",
+  "GLOBAL_SET": "GLOBAL_SET",
+  "GLOBAL_DELETE": "GLOBAL_DELETE",
+  "GLOBAL_OBSERVABLE": "GLOBAL_OBSERVABLE",
+  "GLOBAL_PRIVATE_UTIL": "GLOBAL_PRIVATE_UTIL",
+  "CONFIG_SILENT": "CONFIG_SILENT",
+  "CONFIG_DEVTOOLS": "CONFIG_DEVTOOLS",
+  "CONFIG_KEY_CODES": "CONFIG_KEY_CODES",
+  "CONFIG_PRODUCTION_TIP": "CONFIG_PRODUCTION_TIP",
+  "CONFIG_IGNORED_ELEMENTS": "CONFIG_IGNORED_ELEMENTS",
+  "CONFIG_WHITESPACE": "CONFIG_WHITESPACE",
+  "CONFIG_OPTION_MERGE_STRATS": "CONFIG_OPTION_MERGE_STRATS",
+  "INSTANCE_SET": "INSTANCE_SET",
+  "INSTANCE_DELETE": "INSTANCE_DELETE",
+  "INSTANCE_DESTROY": "INSTANCE_DESTROY",
+  "INSTANCE_EVENT_EMITTER": "INSTANCE_EVENT_EMITTER",
+  "INSTANCE_EVENT_HOOKS": "INSTANCE_EVENT_HOOKS",
+  "INSTANCE_CHILDREN": "INSTANCE_CHILDREN",
+  "INSTANCE_LISTENERS": "INSTANCE_LISTENERS",
+  "INSTANCE_SCOPED_SLOTS": "INSTANCE_SCOPED_SLOTS",
+  "INSTANCE_ATTRS_CLASS_STYLE": "INSTANCE_ATTRS_CLASS_STYLE",
+  "OPTIONS_DATA_FN": "OPTIONS_DATA_FN",
+  "OPTIONS_DATA_MERGE": "OPTIONS_DATA_MERGE",
+  "OPTIONS_BEFORE_DESTROY": "OPTIONS_BEFORE_DESTROY",
+  "OPTIONS_DESTROYED": "OPTIONS_DESTROYED",
+  "WATCH_ARRAY": "WATCH_ARRAY",
+  "PROPS_DEFAULT_THIS": "PROPS_DEFAULT_THIS",
+  "V_ON_KEYCODE_MODIFIER": "V_ON_KEYCODE_MODIFIER",
+  "CUSTOM_DIR": "CUSTOM_DIR",
+  "ATTR_FALSE_VALUE": "ATTR_FALSE_VALUE",
+  "ATTR_ENUMERATED_COERCION": "ATTR_ENUMERATED_COERCION",
+  "TRANSITION_CLASSES": "TRANSITION_CLASSES",
+  "TRANSITION_GROUP_ROOT": "TRANSITION_GROUP_ROOT",
+  "COMPONENT_ASYNC": "COMPONENT_ASYNC",
+  "COMPONENT_FUNCTIONAL": "COMPONENT_FUNCTIONAL",
+  "COMPONENT_V_MODEL": "COMPONENT_V_MODEL",
+  "RENDER_FUNCTION": "RENDER_FUNCTION",
+  "FILTERS": "FILTERS",
+  "PRIVATE_APIS": "PRIVATE_APIS"
+};
 const deprecationData = {
   ["GLOBAL_MOUNT"]: {
     message: `The global app bootstrapping API has changed: vm.$mount() and the "el" option have been removed. Use createApp(RootComponent).mount() instead.`,
@@ -3352,7 +3440,12 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
         if (delayEnter) {
           activeBranch.transition.afterLeave = () => {
             if (pendingId === suspense.pendingId) {
-              move(pendingBranch, container2, anchor2, 0);
+              move(
+                pendingBranch,
+                container2,
+                next(activeBranch),
+                0
+              );
               queuePostFlushCb(effects);
             }
           };
@@ -3399,7 +3492,6 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
       }
       const { vnode: vnode2, activeBranch, parentComponent: parentComponent2, container: container2, isSVG: isSVG2 } = suspense;
       triggerEvent(vnode2, "onFallback");
-      const anchor2 = next(activeBranch);
       const mountFallback = () => {
         if (!suspense.isInFallback) {
           return;
@@ -3408,7 +3500,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
           null,
           fallbackVNode,
           container2,
-          anchor2,
+          next(activeBranch),
           parentComponent2,
           null,
           // fallback tree will not have suspense context
@@ -6297,7 +6389,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.0-alpha.3"}`;
+  Vue.version = `2.6.14-compat:${"3.4.0-alpha.4"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -6699,18 +6791,6 @@ function createAppAPI(render, hydrate) {
       rootProps = null;
     }
     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 always unwraps injected refs in Options API.`
-          );
-        }
-      });
-    }
     const installedPlugins = /* @__PURE__ */ new WeakSet();
     let isMounted = false;
     const app = context.app = {
@@ -10765,9 +10845,9 @@ function initCustomFormatter() {
     return;
   }
   const vueStyle = { style: "color:#3ba776" };
-  const numberStyle = { style: "color:#0b1bc9" };
-  const stringStyle = { style: "color:#b62e24" };
-  const keywordStyle = { style: "color:#9d288c" };
+  const numberStyle = { style: "color:#1677ff" };
+  const stringStyle = { style: "color:#f5222d" };
+  const keywordStyle = { style: "color:#eb2f96" };
   const formatter = {
     header(obj) {
       if (!isObject(obj)) {
@@ -10961,7 +11041,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0-alpha.3";
+const version = "3.4.0-alpha.4";
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const _ssrUtils = {
   createComponentInstance,
@@ -10981,6 +11061,7 @@ const _compatUtils = {
   softAssertCompatEnabled
 };
 const compatUtils = _compatUtils ;
+const DeprecationTypes = DeprecationTypes$1 ;
 
 const svgNS = "http://www.w3.org/2000/svg";
 const doc = typeof document !== "undefined" ? document : null;
@@ -11676,7 +11757,8 @@ function patchStopImmediatePropagation(e, value) {
   }
 }
 
-const nativeOnRE = /^on[a-z]/;
+const isNativeOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // lowercase letter
+key.charCodeAt(2) > 96 && key.charCodeAt(2) < 123;
 const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
   if (key === "class") {
     patchClass(el, nextValue, isSVG);
@@ -11710,7 +11792,7 @@ function shouldSetAsProp(el, key, value, isSVG) {
     if (key === "innerHTML" || key === "textContent") {
       return true;
     }
-    if (key in el && nativeOnRE.test(key) && isFunction(value)) {
+    if (key in el && isNativeOn(key) && isFunction(value)) {
       return true;
     }
     return false;
@@ -11727,7 +11809,11 @@ function shouldSetAsProp(el, key, value, isSVG) {
   if (key === "type" && el.tagName === "TEXTAREA") {
     return false;
   }
-  if (nativeOnRE.test(key) && isString(value)) {
+  if (key === "width" || key === "height") {
+    const tag = el.tagName;
+    return !(tag === "IMG" || tag === "VIDEO" || tag === "CANVAS" || tag === "SOURCE");
+  }
+  if (isNativeOn(key) && isString(value)) {
     return false;
   }
   return key in el;
@@ -12451,14 +12537,14 @@ const modifierGuards = {
   exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
 };
 const withModifiers = (fn, modifiers) => {
-  return (event, ...args) => {
+  return fn._withMods || (fn._withMods = (event, ...args) => {
     for (let i = 0; i < modifiers.length; i++) {
       const guard = modifierGuards[modifiers[i]];
       if (guard && guard(event, modifiers))
         return;
     }
     return fn(event, ...args);
-  };
+  });
 };
 const keyNames = {
   esc: "escape",
@@ -12486,7 +12572,7 @@ const withKeys = (fn, modifiers) => {
       );
     }
   }
-  return (event) => {
+  return fn._withKeys || (fn._withKeys = (event) => {
     if (!("key" in event)) {
       return;
     }
@@ -12514,7 +12600,7 @@ const withKeys = (fn, modifiers) => {
         }
       }
     }
-  };
+  });
 };
 
 const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
@@ -12652,7 +12738,9 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   BaseTransition: BaseTransition,
   BaseTransitionPropsValidators: BaseTransitionPropsValidators,
   Comment: Comment,
+  DeprecationTypes: DeprecationTypes,
   EffectScope: EffectScope,
+  ErrorCodes: ErrorCodes,
   ErrorTypeStrings: ErrorTypeStrings,
   Fragment: Fragment,
   KeepAlive: KeepAlive,
@@ -12661,8 +12749,10 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   Suspense: Suspense,
   Teleport: Teleport,
   Text: Text,
+  TrackOpTypes: TrackOpTypes,
   Transition: Transition,
   TransitionGroup: TransitionGroup,
+  TriggerOpTypes: TriggerOpTypes,
   VueElement: VueElement,
   assertNumber: assertNumber,
   callWithAsyncErrorHandling: callWithAsyncErrorHandling,
@@ -12844,4 +12934,4 @@ var Vue$1 = Vue;
 
 const { configureCompat } = Vue$1;
 
-export { BaseTransition, BaseTransitionPropsValidators, Comment, EffectScope, ErrorTypeStrings, 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 };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TriggerOpTypes, 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 };

package/dist/vue.runtime.global.js

@@ -11,8 +11,8 @@ var Vue = (function () {
   const NOOP = () => {
   };
   const NO = () => false;
-  const onRE = /^on[^a-z]/;
-  const isOn = (key) => onRE.test(key);
+  const isOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // uppercase letter
+  (key.charCodeAt(2) > 122 || key.charCodeAt(2) < 97);
   const isModelListener = (key) => key.startsWith("onUpdate:");
   const extend = Object.assign;
   const remove = (arr, el) => {
@@ -97,7 +97,7 @@ var Vue = (function () {
     return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
   };
 
-  const GLOBALS_ALLOWED = "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 GLOBALS_ALLOWED = "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,Error";
   const isGloballyAllowed = /* @__PURE__ */ makeMap(GLOBALS_ALLOWED);
 
   function normalizeStyle(value) {
@@ -1436,6 +1436,18 @@ var Vue = (function () {
     return isRef(val) ? val : new ObjectRefImpl(source, key, defaultValue);
   }
 
+  const TrackOpTypes = {
+    "GET": "get",
+    "HAS": "has",
+    "ITERATE": "iterate"
+  };
+  const TriggerOpTypes = {
+    "SET": "set",
+    "ADD": "add",
+    "DELETE": "delete",
+    "CLEAR": "clear"
+  };
+
   const stack = [];
   function pushWarningContext(vnode) {
     stack.push(vnode);
@@ -1550,6 +1562,38 @@ var Vue = (function () {
     }
   }
 
+  const ErrorCodes = {
+    "SETUP_FUNCTION": 0,
+    "0": "SETUP_FUNCTION",
+    "RENDER_FUNCTION": 1,
+    "1": "RENDER_FUNCTION",
+    "WATCH_GETTER": 2,
+    "2": "WATCH_GETTER",
+    "WATCH_CALLBACK": 3,
+    "3": "WATCH_CALLBACK",
+    "WATCH_CLEANUP": 4,
+    "4": "WATCH_CLEANUP",
+    "NATIVE_EVENT_HANDLER": 5,
+    "5": "NATIVE_EVENT_HANDLER",
+    "COMPONENT_EVENT_HANDLER": 6,
+    "6": "COMPONENT_EVENT_HANDLER",
+    "VNODE_HOOK": 7,
+    "7": "VNODE_HOOK",
+    "DIRECTIVE_HOOK": 8,
+    "8": "DIRECTIVE_HOOK",
+    "TRANSITION_HOOK": 9,
+    "9": "TRANSITION_HOOK",
+    "APP_ERROR_HANDLER": 10,
+    "10": "APP_ERROR_HANDLER",
+    "APP_WARN_HANDLER": 11,
+    "11": "APP_WARN_HANDLER",
+    "FUNCTION_REF": 12,
+    "12": "FUNCTION_REF",
+    "ASYNC_COMPONENT_LOADER": 13,
+    "13": "ASYNC_COMPONENT_LOADER",
+    "SCHEDULER": 14,
+    "14": "SCHEDULER"
+  };
   const ErrorTypeStrings$1 = {
     ["sp"]: "serverPrefetch hook",
     ["bc"]: "beforeCreate hook",
@@ -2032,6 +2076,50 @@ var Vue = (function () {
     );
   }
 
+  const DeprecationTypes$1 = {
+    "GLOBAL_MOUNT": "GLOBAL_MOUNT",
+    "GLOBAL_MOUNT_CONTAINER": "GLOBAL_MOUNT_CONTAINER",
+    "GLOBAL_EXTEND": "GLOBAL_EXTEND",
+    "GLOBAL_PROTOTYPE": "GLOBAL_PROTOTYPE",
+    "GLOBAL_SET": "GLOBAL_SET",
+    "GLOBAL_DELETE": "GLOBAL_DELETE",
+    "GLOBAL_OBSERVABLE": "GLOBAL_OBSERVABLE",
+    "GLOBAL_PRIVATE_UTIL": "GLOBAL_PRIVATE_UTIL",
+    "CONFIG_SILENT": "CONFIG_SILENT",
+    "CONFIG_DEVTOOLS": "CONFIG_DEVTOOLS",
+    "CONFIG_KEY_CODES": "CONFIG_KEY_CODES",
+    "CONFIG_PRODUCTION_TIP": "CONFIG_PRODUCTION_TIP",
+    "CONFIG_IGNORED_ELEMENTS": "CONFIG_IGNORED_ELEMENTS",
+    "CONFIG_WHITESPACE": "CONFIG_WHITESPACE",
+    "CONFIG_OPTION_MERGE_STRATS": "CONFIG_OPTION_MERGE_STRATS",
+    "INSTANCE_SET": "INSTANCE_SET",
+    "INSTANCE_DELETE": "INSTANCE_DELETE",
+    "INSTANCE_DESTROY": "INSTANCE_DESTROY",
+    "INSTANCE_EVENT_EMITTER": "INSTANCE_EVENT_EMITTER",
+    "INSTANCE_EVENT_HOOKS": "INSTANCE_EVENT_HOOKS",
+    "INSTANCE_CHILDREN": "INSTANCE_CHILDREN",
+    "INSTANCE_LISTENERS": "INSTANCE_LISTENERS",
+    "INSTANCE_SCOPED_SLOTS": "INSTANCE_SCOPED_SLOTS",
+    "INSTANCE_ATTRS_CLASS_STYLE": "INSTANCE_ATTRS_CLASS_STYLE",
+    "OPTIONS_DATA_FN": "OPTIONS_DATA_FN",
+    "OPTIONS_DATA_MERGE": "OPTIONS_DATA_MERGE",
+    "OPTIONS_BEFORE_DESTROY": "OPTIONS_BEFORE_DESTROY",
+    "OPTIONS_DESTROYED": "OPTIONS_DESTROYED",
+    "WATCH_ARRAY": "WATCH_ARRAY",
+    "PROPS_DEFAULT_THIS": "PROPS_DEFAULT_THIS",
+    "V_ON_KEYCODE_MODIFIER": "V_ON_KEYCODE_MODIFIER",
+    "CUSTOM_DIR": "CUSTOM_DIR",
+    "ATTR_FALSE_VALUE": "ATTR_FALSE_VALUE",
+    "ATTR_ENUMERATED_COERCION": "ATTR_ENUMERATED_COERCION",
+    "TRANSITION_CLASSES": "TRANSITION_CLASSES",
+    "TRANSITION_GROUP_ROOT": "TRANSITION_GROUP_ROOT",
+    "COMPONENT_ASYNC": "COMPONENT_ASYNC",
+    "COMPONENT_FUNCTIONAL": "COMPONENT_FUNCTIONAL",
+    "COMPONENT_V_MODEL": "COMPONENT_V_MODEL",
+    "RENDER_FUNCTION": "RENDER_FUNCTION",
+    "FILTERS": "FILTERS",
+    "PRIVATE_APIS": "PRIVATE_APIS"
+  };
   const deprecationData = {
     ["GLOBAL_MOUNT"]: {
       message: `The global app bootstrapping API has changed: vm.$mount() and the "el" option have been removed. Use createApp(RootComponent).mount() instead.`,
@@ -3346,7 +3434,12 @@ If this is a native custom element, make sure to exclude it from component resol
           if (delayEnter) {
             activeBranch.transition.afterLeave = () => {
               if (pendingId === suspense.pendingId) {
-                move(pendingBranch, container2, anchor2, 0);
+                move(
+                  pendingBranch,
+                  container2,
+                  next(activeBranch),
+                  0
+                );
                 queuePostFlushCb(effects);
               }
             };
@@ -3393,7 +3486,6 @@ If this is a native custom element, make sure to exclude it from component resol
         }
         const { vnode: vnode2, activeBranch, parentComponent: parentComponent2, container: container2, isSVG: isSVG2 } = suspense;
         triggerEvent(vnode2, "onFallback");
-        const anchor2 = next(activeBranch);
         const mountFallback = () => {
           if (!suspense.isInFallback) {
             return;
@@ -3402,7 +3494,7 @@ If this is a native custom element, make sure to exclude it from component resol
             null,
             fallbackVNode,
             container2,
-            anchor2,
+            next(activeBranch),
             parentComponent2,
             null,
             // fallback tree will not have suspense context
@@ -6260,7 +6352,7 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.4.0-alpha.3"}`;
+    Vue.version = `2.6.14-compat:${"3.4.0-alpha.4"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -6661,18 +6753,6 @@ If this is a native custom element, make sure to exclude it from component resol
         rootProps = null;
       }
       const context = createAppContext();
-      {
-        Object.defineProperty(context.config, "unwrapInjectedRef", {
-          get() {
-            return true;
-          },
-          set() {
-            warn(
-              `app.config.unwrapInjectedRef has been deprecated. 3.3 now always unwraps injected refs in Options API.`
-            );
-          }
-        });
-      }
       const installedPlugins = /* @__PURE__ */ new WeakSet();
       let isMounted = false;
       const app = context.app = {
@@ -10657,9 +10737,9 @@ Component that was made reactive: `,
       return;
     }
     const vueStyle = { style: "color:#3ba776" };
-    const numberStyle = { style: "color:#0b1bc9" };
-    const stringStyle = { style: "color:#b62e24" };
-    const keywordStyle = { style: "color:#9d288c" };
+    const numberStyle = { style: "color:#1677ff" };
+    const stringStyle = { style: "color:#f5222d" };
+    const keywordStyle = { style: "color:#eb2f96" };
     const formatter = {
       header(obj) {
         if (!isObject(obj)) {
@@ -10853,7 +10933,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.0-alpha.3";
+  const version = "3.4.0-alpha.4";
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const ssrUtils = null;
   const resolveFilter = resolveFilter$1 ;
@@ -10865,6 +10945,7 @@ Component that was made reactive: `,
     softAssertCompatEnabled
   };
   const compatUtils = _compatUtils ;
+  const DeprecationTypes = DeprecationTypes$1 ;
 
   const svgNS = "http://www.w3.org/2000/svg";
   const doc = typeof document !== "undefined" ? document : null;
@@ -11553,7 +11634,8 @@ Component that was made reactive: `,
     }
   }
 
-  const nativeOnRE = /^on[a-z]/;
+  const isNativeOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // lowercase letter
+  key.charCodeAt(2) > 96 && key.charCodeAt(2) < 123;
   const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
     if (key === "class") {
       patchClass(el, nextValue, isSVG);
@@ -11587,7 +11669,7 @@ Component that was made reactive: `,
       if (key === "innerHTML" || key === "textContent") {
         return true;
       }
-      if (key in el && nativeOnRE.test(key) && isFunction(value)) {
+      if (key in el && isNativeOn(key) && isFunction(value)) {
         return true;
       }
       return false;
@@ -11604,7 +11686,11 @@ Component that was made reactive: `,
     if (key === "type" && el.tagName === "TEXTAREA") {
       return false;
     }
-    if (nativeOnRE.test(key) && isString(value)) {
+    if (key === "width" || key === "height") {
+      const tag = el.tagName;
+      return !(tag === "IMG" || tag === "VIDEO" || tag === "CANVAS" || tag === "SOURCE");
+    }
+    if (isNativeOn(key) && isString(value)) {
       return false;
     }
     return key in el;
@@ -12282,14 +12368,14 @@ Component that was made reactive: `,
     exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
   };
   const withModifiers = (fn, modifiers) => {
-    return (event, ...args) => {
+    return fn._withMods || (fn._withMods = (event, ...args) => {
       for (let i = 0; i < modifiers.length; i++) {
         const guard = modifierGuards[modifiers[i]];
         if (guard && guard(event, modifiers))
           return;
       }
       return fn(event, ...args);
-    };
+    });
   };
   const keyNames = {
     esc: "escape",
@@ -12317,7 +12403,7 @@ Component that was made reactive: `,
         );
       }
     }
-    return (event) => {
+    return fn._withKeys || (fn._withKeys = (event) => {
       if (!("key" in event)) {
         return;
       }
@@ -12345,7 +12431,7 @@ Component that was made reactive: `,
           }
         }
       }
-    };
+    });
   };
 
   const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
@@ -12476,7 +12562,9 @@ Component that was made reactive: `,
     BaseTransition: BaseTransition,
     BaseTransitionPropsValidators: BaseTransitionPropsValidators,
     Comment: Comment,
+    DeprecationTypes: DeprecationTypes,
     EffectScope: EffectScope,
+    ErrorCodes: ErrorCodes,
     ErrorTypeStrings: ErrorTypeStrings,
     Fragment: Fragment,
     KeepAlive: KeepAlive,
@@ -12485,8 +12573,10 @@ Component that was made reactive: `,
     Suspense: Suspense,
     Teleport: Teleport,
     Text: Text,
+    TrackOpTypes: TrackOpTypes,
     Transition: Transition,
     TransitionGroup: TransitionGroup,
+    TriggerOpTypes: TriggerOpTypes,
     VueElement: VueElement,
     assertNumber: assertNumber,
     callWithAsyncErrorHandling: callWithAsyncErrorHandling,