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

package/dist/vue.cjs.prod.js

@@ -15,8 +15,8 @@ const EMPTY_ARR = [];
 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) => {
@@ -105,7 +105,7 @@ function genPropsAccessExp(name) {
   return identRE.test(name) ? `__props.${name}` : `__props[${JSON.stringify(name)}]`;
 }
 
-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) {
@@ -1418,6 +1418,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"
+};
+
 function warn$1(msg, ...args) {
   return;
 }
@@ -1425,6 +1437,38 @@ function assertNumber(val, type) {
   return;
 }
 
+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"
+};
 function callWithErrorHandling(fn, instance, type, args) {
   let res;
   try {
@@ -1646,6 +1690,50 @@ function setDevtoolsHook(hook, target) {
   }
 }
 
+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"
+};
 function warnDeprecation(key, instance, ...args) {
   {
     return;
@@ -2531,7 +2619,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);
             }
           };
@@ -2578,7 +2671,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;
@@ -2587,7 +2679,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
           null,
           fallbackVNode,
           container2,
-          anchor2,
+          next(activeBranch),
           parentComponent2,
           null,
           // fallback tree will not have suspense context
@@ -5122,7 +5214,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)) {
@@ -8857,7 +8949,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0-alpha.3";
+const version = "3.4.0-alpha.4";
 const ErrorTypeStrings = null;
 const _ssrUtils = {
   createComponentInstance,
@@ -8877,6 +8969,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;
@@ -9550,7 +9643,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);
@@ -9584,7 +9678,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;
@@ -9601,7 +9695,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;
@@ -10243,14 +10341,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",
@@ -10272,7 +10370,7 @@ const withKeys = (fn, modifiers) => {
       }
     }
   }
-  return (event) => {
+  return fn._withKeys || (fn._withKeys = (event) => {
     if (!("key" in event)) {
       return;
     }
@@ -10300,7 +10398,7 @@ const withKeys = (fn, modifiers) => {
         }
       }
     }
-  };
+  });
 };
 
 const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
@@ -10373,7 +10471,9 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   BaseTransition: BaseTransition,
   BaseTransitionPropsValidators: BaseTransitionPropsValidators,
   Comment: Comment,
+  DeprecationTypes: DeprecationTypes,
   EffectScope: EffectScope,
+  ErrorCodes: ErrorCodes,
   ErrorTypeStrings: ErrorTypeStrings,
   Fragment: Fragment,
   KeepAlive: KeepAlive,
@@ -10382,8 +10482,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,
@@ -10840,7 +10942,9 @@ class Tokenizer {
     this.inRCDATA = false;
     /** For disabling RCDATA tags handling */
     this.inXML = false;
-    /** Reocrd newline positions for fast line / column calculation */
+    /** For disabling interpolation parsing in v-pre */
+    this.inVPre = false;
+    /** Record newline positions for fast line / column calculation */
     this.newlines = [];
     this.mode = 0;
     this.delimiterOpen = defaultDelimitersOpen;
@@ -10865,6 +10969,7 @@ class Tokenizer {
     this.sectionStart = 0;
     this.index = 0;
     this.baseState = 1;
+    this.inRCDATA = false;
     this.currentSequence = void 0;
     this.newlines.length = 0;
     this.delimiterOpen = defaultDelimitersOpen;
@@ -10905,7 +11010,7 @@ class Tokenizer {
       this.sectionStart = this.index;
     } else if (c === 38) {
       this.startEntity();
-    } else if (c === this.delimiterOpen[0]) {
+    } else if (!this.inVPre && c === this.delimiterOpen[0]) {
       this.state = 2;
       this.delimiterIndex = 0;
       this.stateInterpolationOpen(c);
@@ -11723,16 +11828,14 @@ const errorMessages = {
 Use a v-bind binding combined with a v-on listener that emits update:x event instead.`,
   [45]: `Error parsing JavaScript expression: `,
   [46]: `<KeepAlive> expects exactly one child component.`,
+  [47]: `@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.`,
   // generic errors
-  [47]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
-  [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.`,
+  [48]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
+  [49]: `ES module mode is not supported in this build of compiler.`,
+  [50]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
+  [51]: `"scopeId" option is only supported in module mode.`,
   // just to fulfill types
-  [53]: ``
+  [52]: ``
 };
 
 const isStaticExp = (p) => p.type === 4 && p.isStatic;
@@ -11982,7 +12085,8 @@ const defaultParserOptions = {
   isCustomElement: NO,
   onError: defaultOnError,
   onWarn: defaultOnWarn,
-  comments: false
+  comments: false,
+  prefixIdentifiers: false
 };
 let currentOptions = defaultParserOptions;
 let currentRoot = null;
@@ -12024,7 +12128,7 @@ const tokenizer = new Tokenizer(stack, {
     }
     addNode({
       type: 5,
-      content: createSimpleExpression(exp, false, getLoc(innerStart, innerEnd)),
+      content: createExp(exp, false, getLoc(innerStart, innerEnd)),
       loc: getLoc(start, end)
     });
   },
@@ -12117,7 +12221,7 @@ const tokenizer = new Tokenizer(stack, {
         loc: getLoc(start)
       };
       if (name === "pre") {
-        inVPre = true;
+        inVPre = tokenizer.inVPre = true;
         currentVPreBoundary = currentOpenTag;
         const props = currentOpenTag.props;
         for (let i = 0; i < props.length; i++) {
@@ -12137,7 +12241,7 @@ const tokenizer = new Tokenizer(stack, {
       setLocEnd(currentProp.nameLoc, end);
     } else {
       const isStatic = arg[0] !== `[`;
-      currentProp.arg = createSimpleExpression(
+      currentProp.arg = createExp(
         isStatic ? arg : arg.slice(1, -1),
         isStatic,
         getLoc(start, end),
@@ -12204,10 +12308,22 @@ const tokenizer = new Tokenizer(stack, {
             tokenizer.enterRCDATA(toCharCodes(`</template`), 0);
           }
         } else {
-          currentProp.exp = createSimpleExpression(
+          let expParseMode = 0 /* Normal */;
+          {
+            if (currentProp.name === "for") {
+              expParseMode = 3 /* Skip */;
+            } else if (currentProp.name === "slot") {
+              expParseMode = 1 /* Params */;
+            } else if (currentProp.name === "on" && currentAttrValue.includes(";")) {
+              expParseMode = 2 /* Statements */;
+            }
+          }
+          currentProp.exp = createExp(
             currentAttrValue,
             false,
-            getLoc(currentAttrStartIndex, currentAttrEndIndex)
+            getLoc(currentAttrStartIndex, currentAttrEndIndex),
+            0,
+            expParseMode
           );
           if (currentProp.name === "for") {
             currentProp.forParseResult = parseForExpression(currentProp.exp);
@@ -12310,10 +12426,16 @@ function parseForExpression(input) {
   if (!inMatch)
     return;
   const [, LHS, RHS] = inMatch;
-  const createAliasExpression = (content, offset) => {
+  const createAliasExpression = (content, offset, asParam = false) => {
     const start = loc.start.offset + offset;
     const end = start + content.length;
-    return createSimpleExpression(content, false, getLoc(start, end));
+    return createExp(
+      content,
+      false,
+      getLoc(start, end),
+      0,
+      asParam ? 1 /* Params */ : 0 /* Normal */
+    );
   };
   const result = {
     source: createAliasExpression(RHS.trim(), exp.indexOf(RHS, LHS.length)),
@@ -12331,7 +12453,7 @@ function parseForExpression(input) {
     let keyOffset;
     if (keyContent) {
       keyOffset = exp.indexOf(keyContent, trimmedOffset + valueContent.length);
-      result.key = createAliasExpression(keyContent, keyOffset);
+      result.key = createAliasExpression(keyContent, keyOffset, true);
     }
     if (iteratorMatch[2]) {
       const indexContent = iteratorMatch[2].trim();
@@ -12341,13 +12463,14 @@ function parseForExpression(input) {
           exp.indexOf(
             indexContent,
             result.key ? keyOffset + keyContent.length : trimmedOffset + valueContent.length
-          )
+          ),
+          true
         );
       }
     }
   }
   if (valueContent) {
-    result.value = createAliasExpression(valueContent, trimmedOffset);
+    result.value = createAliasExpression(valueContent, trimmedOffset, true);
   }
   return result;
 }
@@ -12418,7 +12541,7 @@ function onCloseTag(el, end, isImplied = false) {
     inPre--;
   }
   if (currentVPreBoundary === el) {
-    inVPre = false;
+    inVPre = tokenizer.inVPre = false;
     currentVPreBoundary = null;
   }
   if (tokenizer.inXML && (stack[0] ? stack[0].ns : currentOptions.ns) === 0) {
@@ -12623,8 +12746,36 @@ function dirToAttr(dir) {
   }
   return attr;
 }
-function emitError(code, index) {
-  currentOptions.onError(createCompilerError(code, getLoc(index, index)));
+function createExp(content, isStatic = false, loc, constType = 0, parseMode = 0 /* Normal */) {
+  const exp = createSimpleExpression(content, isStatic, loc, constType);
+  if (!isStatic && currentOptions.prefixIdentifiers && parseMode !== 3 /* Skip */ && content.trim()) {
+    if (isSimpleIdentifier(content)) {
+      exp.ast = null;
+      return exp;
+    }
+    try {
+      const plugins = currentOptions.expressionPlugins;
+      const options = {
+        plugins: plugins ? [...plugins, "typescript"] : ["typescript"]
+      };
+      if (parseMode === 2 /* Statements */) {
+        exp.ast = parser.parse(` ${content} `, options).program;
+      } else if (parseMode === 1 /* Params */) {
+        exp.ast = parser.parseExpression(`(${content})=>{}`, options);
+      } else {
+        exp.ast = parser.parseExpression(`(${content})`, options);
+      }
+    } catch (e) {
+      exp.ast = false;
+      emitError(45, loc.start.offset, e.message);
+    }
+  }
+  return exp;
+}
+function emitError(code, index, message) {
+  currentOptions.onError(
+    createCompilerError(code, getLoc(index, index), void 0, message)
+  );
 }
 function reset() {
   tokenizer.reset();
@@ -12648,6 +12799,7 @@ function baseParse(input, options) {
     }
   }
   tokenizer.mode = currentOptions.parseMode === "html" ? 1 : currentOptions.parseMode === "sfc" ? 2 : 0;
+  tokenizer.inXML = currentOptions.ns === 1 || currentOptions.ns === 2;
   const delimiters = options == null ? void 0 : options.delimiters;
   if (delimiters) {
     tokenizer.delimiterOpen = toCharCodes(delimiters[0]);
@@ -13975,7 +14127,7 @@ function genReturnStatement({ returns }, context) {
 }
 
 function walkIdentifiers(root, onIdentifier, includeAll = false, parentStack = [], knownIds = /* @__PURE__ */ Object.create(null)) {
-  const rootExp = root.type === "Program" && root.body[0].type === "ExpressionStatement" && root.body[0].expression;
+  const rootExp = root.type === "Program" ? root.body[0].type === "ExpressionStatement" && root.body[0].expression : root;
   estreeWalker.walk(root, {
     enter(node, parent) {
       parent && parentStack.push(parent);
@@ -14324,7 +14476,11 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
   };
   const rawExp = node.content;
   const bailConstant = constantBailRE.test(rawExp);
-  if (isSimpleIdentifier(rawExp)) {
+  let ast = node.ast;
+  if (ast === false) {
+    return node;
+  }
+  if (ast === null || !ast && isSimpleIdentifier(rawExp)) {
     const isScopeVarReference = context.identifiers[rawExp];
     const isAllowedGlobal = isGloballyAllowed(rawExp);
     const isLiteral = isLiteralWhitelisted(rawExp);
@@ -14342,22 +14498,23 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
     }
     return node;
   }
-  let ast;
-  const source = asRawStatements ? ` ${rawExp} ` : `(${rawExp})${asParams ? `=>{}` : ``}`;
-  try {
-    ast = parser.parse(source, {
-      plugins: context.expressionPlugins
-    }).program;
-  } catch (e) {
-    context.onError(
-      createCompilerError(
-        45,
-        node.loc,
-        void 0,
-        e.message
-      )
-    );
-    return node;
+  if (!ast) {
+    const source = asRawStatements ? ` ${rawExp} ` : `(${rawExp})${asParams ? `=>{}` : ``}`;
+    try {
+      ast = parser.parse(source, {
+        plugins: context.expressionPlugins
+      }).program;
+    } catch (e) {
+      context.onError(
+        createCompilerError(
+          45,
+          node.loc,
+          void 0,
+          e.message
+        )
+      );
+      return node;
+    }
   }
   const ids = [];
   const parentStack = [];
@@ -14400,15 +14557,15 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
     if (leadingText.length || id.prefix) {
       children.push(leadingText + (id.prefix || ``));
     }
-    const source2 = rawExp.slice(start, end);
+    const source = rawExp.slice(start, end);
     children.push(
       createSimpleExpression(
         id.name,
         false,
         {
-          start: advancePositionWithClone(node.loc.start, source2, start),
-          end: advancePositionWithClone(node.loc.start, source2, end),
-          source: source2
+          start: advancePositionWithClone(node.loc.start, source, start),
+          end: advancePositionWithClone(node.loc.start, source, end),
+          source
         },
         id.isConstant ? 3 : 0
       )
@@ -14420,6 +14577,7 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
   let ret;
   if (children.length) {
     ret = createCompoundExpression(children, node.loc);
+    ret.ast = ast;
   } else {
     ret = node;
     ret.constType = bailConstant ? 0 : 3;
@@ -15354,6 +15512,10 @@ function resolveSetupReference(name, context) {
       `${context.helperString(UNREF)}(${fromMaybeRef})`
     ) : `$setup[${JSON.stringify(fromMaybeRef)}]`;
   }
+  const fromProps = checkType("props");
+  if (fromProps) {
+    return `${context.helperString(UNREF)}(${context.inline ? "__props" : "$props"}[${JSON.stringify(fromProps)}])`;
+  }
 }
 function buildProps(node, context, props = node.props, isComponent, isDynamicComponent, ssr = false) {
   const { tag, loc: elementLoc, children } = node;
@@ -15394,6 +15556,9 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
       if (isEventHandler && isReservedProp(name)) {
         hasVnodeHook = true;
       }
+      if (isEventHandler && value.type === 14) {
+        value = value.arguments[0];
+      }
       if (value.type === 20 || (value.type === 4 || value.type === 8) && getConstantType(value, context) > 0) {
         return;
       }
@@ -16366,10 +16531,10 @@ function baseCompile(source, options = {}) {
   const isModuleMode = options.mode === "module";
   const prefixIdentifiers = options.prefixIdentifiers === true || isModuleMode;
   if (!prefixIdentifiers && options.cacheHandlers) {
-    onError(createCompilerError(49));
+    onError(createCompilerError(50));
   }
   if (options.scopeId && !isModuleMode) {
-    onError(createCompilerError(50));
+    onError(createCompilerError(51));
   }
   const ast = isString(source) ? baseParse(source, options) : source;
   const [nodeTransforms, directiveTransforms] = getBaseTransformPreset(prefixIdentifiers);