@vue/compiler-core 3.2.7 → 3.2.11

package/dist/compiler-core.cjs.prod.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var shared = require('@vue/shared');
 var sourceMap = require('source-map');
-var types = require('@babel/types');
 var estreeWalker = require('estree-walker');
 var parser = require('@babel/parser');
 
@@ -50,37 +49,38 @@ const errorMessages = {
     [23 /* X_INVALID_END_TAG */]: 'Invalid end tag.',
     [24 /* X_MISSING_END_TAG */]: 'Element is missing end tag.',
     [25 /* X_MISSING_INTERPOLATION_END */]: 'Interpolation end sign was not found.',
-    [26 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */]: 'End bracket for dynamic directive argument was not found. ' +
+    [27 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */]: 'End bracket for dynamic directive argument was not found. ' +
         'Note that dynamic directive argument cannot contain spaces.',
+    [26 /* X_MISSING_DIRECTIVE_NAME */]: 'Legal directive name was expected.',
     // transform errors
-    [27 /* X_V_IF_NO_EXPRESSION */]: `v-if/v-else-if is missing expression.`,
-    [28 /* X_V_IF_SAME_KEY */]: `v-if/else branches must use unique keys.`,
-    [29 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if.`,
-    [30 /* X_V_FOR_NO_EXPRESSION */]: `v-for is missing expression.`,
-    [31 /* X_V_FOR_MALFORMED_EXPRESSION */]: `v-for has invalid expression.`,
-    [32 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */]: `<template v-for> key should be placed on the <template> tag.`,
-    [33 /* X_V_BIND_NO_EXPRESSION */]: `v-bind is missing expression.`,
-    [34 /* X_V_ON_NO_EXPRESSION */]: `v-on is missing expression.`,
-    [35 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */]: `Unexpected custom directive on <slot> outlet.`,
-    [36 /* X_V_SLOT_MIXED_SLOT_USAGE */]: `Mixed v-slot usage on both the component and nested <template>.` +
+    [28 /* X_V_IF_NO_EXPRESSION */]: `v-if/v-else-if is missing expression.`,
+    [29 /* X_V_IF_SAME_KEY */]: `v-if/else branches must use unique keys.`,
+    [30 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if.`,
+    [31 /* X_V_FOR_NO_EXPRESSION */]: `v-for is missing expression.`,
+    [32 /* X_V_FOR_MALFORMED_EXPRESSION */]: `v-for has invalid expression.`,
+    [33 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */]: `<template v-for> key should be placed on the <template> tag.`,
+    [34 /* X_V_BIND_NO_EXPRESSION */]: `v-bind is missing expression.`,
+    [35 /* X_V_ON_NO_EXPRESSION */]: `v-on is missing expression.`,
+    [36 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */]: `Unexpected custom directive on <slot> outlet.`,
+    [37 /* X_V_SLOT_MIXED_SLOT_USAGE */]: `Mixed v-slot usage on both the component and nested <template>.` +
         `When there are multiple named slots, all slots should use <template> ` +
         `syntax to avoid scope ambiguity.`,
-    [37 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */]: `Duplicate slot names found. `,
-    [38 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */]: `Extraneous children found when component already has explicitly named ` +
+    [38 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */]: `Duplicate slot names found. `,
+    [39 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */]: `Extraneous children found when component already has explicitly named ` +
         `default slot. These children will be ignored.`,
-    [39 /* X_V_SLOT_MISPLACED */]: `v-slot can only be used on components or <template> tags.`,
-    [40 /* X_V_MODEL_NO_EXPRESSION */]: `v-model is missing expression.`,
-    [41 /* X_V_MODEL_MALFORMED_EXPRESSION */]: `v-model value must be a valid JavaScript member expression.`,
-    [42 /* X_V_MODEL_ON_SCOPE_VARIABLE */]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`,
-    [43 /* X_INVALID_EXPRESSION */]: `Error parsing JavaScript expression: `,
-    [44 /* X_KEEP_ALIVE_INVALID_CHILDREN */]: `<KeepAlive> expects exactly one child component.`,
+    [40 /* X_V_SLOT_MISPLACED */]: `v-slot can only be used on components or <template> tags.`,
+    [41 /* X_V_MODEL_NO_EXPRESSION */]: `v-model is missing expression.`,
+    [42 /* X_V_MODEL_MALFORMED_EXPRESSION */]: `v-model value must be a valid JavaScript member expression.`,
+    [43 /* X_V_MODEL_ON_SCOPE_VARIABLE */]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`,
+    [44 /* X_INVALID_EXPRESSION */]: `Error parsing JavaScript expression: `,
+    [45 /* X_KEEP_ALIVE_INVALID_CHILDREN */]: `<KeepAlive> expects exactly one child component.`,
     // generic errors
-    [45 /* X_PREFIX_ID_NOT_SUPPORTED */]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
-    [46 /* X_MODULE_MODE_NOT_SUPPORTED */]: `ES module mode is not supported in this build of compiler.`,
-    [47 /* X_CACHE_HANDLER_NOT_SUPPORTED */]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
-    [48 /* X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`,
+    [46 /* X_PREFIX_ID_NOT_SUPPORTED */]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
+    [47 /* X_MODULE_MODE_NOT_SUPPORTED */]: `ES module mode is not supported in this build of compiler.`,
+    [48 /* X_CACHE_HANDLER_NOT_SUPPORTED */]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
+    [49 /* X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`,
     // just to fullfill types
-    [49 /* __EXTEND_POINT__ */]: ``
+    [50 /* __EXTEND_POINT__ */]: ``
 };
 
 const FRAGMENT = Symbol(``);
@@ -1273,6 +1273,13 @@ function parseAttributes(context, type) {
             emitError(context, 3 /* END_TAG_WITH_ATTRIBUTES */);
         }
         const attr = parseAttribute(context, attributeNames);
+        // Trim whitespace between class
+        // https://github.com/vuejs/vue-next/issues/4251
+        if (attr.type === 6 /* ATTRIBUTE */ &&
+            attr.value &&
+            attr.name === 'class') {
+            attr.value.content = attr.value.content.replace(/\s+/g, ' ').trim();
+        }
         if (type === 0 /* Start */) {
             props.push(attr);
         }
@@ -1315,7 +1322,7 @@ function parseAttribute(context, nameSet) {
         }
     }
     const loc = getSelection(context, start);
-    if (!context.inVPre && /^(v-|:|\.|@|#)/.test(name)) {
+    if (!context.inVPre && /^(v-[A-Za-z0-9-]|:|\.|@|#)/.test(name)) {
         const match = /(?:^v-([a-z0-9-]+))?(?:(?::|^\.|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(name);
         let isPropShorthand = startsWith(name, '.');
         let dirName = match[1] ||
@@ -1334,9 +1341,12 @@ function parseAttribute(context, nameSet) {
             if (content.startsWith('[')) {
                 isStatic = false;
                 if (!content.endsWith(']')) {
-                    emitError(context, 26 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */);
+                    emitError(context, 27 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */);
+                    content = content.substr(1);
+                }
+                else {
+                    content = content.substr(1, content.length - 2);
                 }
-                content = content.substr(1, content.length - 2);
             }
             else if (isSlot) {
                 // #1241 special case for v-slot: vuetify relies extensively on slot
@@ -1389,6 +1399,10 @@ function parseAttribute(context, nameSet) {
             loc
         };
     }
+    // missing directive name or illegal directive name
+    if (!context.inVPre && startsWith(name, 'v-')) {
+        emitError(context, 26 /* X_MISSING_DIRECTIVE_NAME */);
+    }
     return {
         type: 6 /* ATTRIBUTE */,
         name,
@@ -2965,7 +2979,7 @@ function isReferencedIdentifier(id, parent, parentStack) {
     if (id.name === 'arguments') {
         return false;
     }
-    if (types.isReferenced(id, parent)) {
+    if (isReferenced(id, parent)) {
         return true;
     }
     // babel's isReferenced check returns false for ids being assigned to, so we
@@ -3078,7 +3092,159 @@ const isFunctionType = (node) => {
 const isStaticProperty = (node) => node &&
     (node.type === 'ObjectProperty' || node.type === 'ObjectMethod') &&
     !node.computed;
-const isStaticPropertyKey = (node, parent) => isStaticProperty(parent) && parent.key === node;
+const isStaticPropertyKey = (node, parent) => isStaticProperty(parent) && parent.key === node;
+/**
+ * Copied from https://github.com/babel/babel/blob/main/packages/babel-types/src/validators/isReferenced.ts
+ * To avoid runtime dependency on @babel/types (which includes process references)
+ * This file should not change very often in babel but we may need to keep it
+ * up-to-date from time to time.
+ *
+ * https://github.com/babel/babel/blob/main/LICENSE
+ *
+ */
+function isReferenced(node, parent, grandparent) {
+    switch (parent.type) {
+        // yes: PARENT[NODE]
+        // yes: NODE.child
+        // no: parent.NODE
+        case 'MemberExpression':
+        case 'OptionalMemberExpression':
+            if (parent.property === node) {
+                return !!parent.computed;
+            }
+            return parent.object === node;
+        case 'JSXMemberExpression':
+            return parent.object === node;
+        // no: let NODE = init;
+        // yes: let id = NODE;
+        case 'VariableDeclarator':
+            return parent.init === node;
+        // yes: () => NODE
+        // no: (NODE) => {}
+        case 'ArrowFunctionExpression':
+            return parent.body === node;
+        // no: class { #NODE; }
+        // no: class { get #NODE() {} }
+        // no: class { #NODE() {} }
+        // no: class { fn() { return this.#NODE; } }
+        case 'PrivateName':
+            return false;
+        // no: class { NODE() {} }
+        // yes: class { [NODE]() {} }
+        // no: class { foo(NODE) {} }
+        case 'ClassMethod':
+        case 'ClassPrivateMethod':
+        case 'ObjectMethod':
+            if (parent.key === node) {
+                return !!parent.computed;
+            }
+            return false;
+        // yes: { [NODE]: "" }
+        // no: { NODE: "" }
+        // depends: { NODE }
+        // depends: { key: NODE }
+        case 'ObjectProperty':
+            if (parent.key === node) {
+                return !!parent.computed;
+            }
+            // parent.value === node
+            return !grandparent || grandparent.type !== 'ObjectPattern';
+        // no: class { NODE = value; }
+        // yes: class { [NODE] = value; }
+        // yes: class { key = NODE; }
+        case 'ClassProperty':
+            if (parent.key === node) {
+                return !!parent.computed;
+            }
+            return true;
+        case 'ClassPrivateProperty':
+            return parent.key !== node;
+        // no: class NODE {}
+        // yes: class Foo extends NODE {}
+        case 'ClassDeclaration':
+        case 'ClassExpression':
+            return parent.superClass === node;
+        // yes: left = NODE;
+        // no: NODE = right;
+        case 'AssignmentExpression':
+            return parent.right === node;
+        // no: [NODE = foo] = [];
+        // yes: [foo = NODE] = [];
+        case 'AssignmentPattern':
+            return parent.right === node;
+        // no: NODE: for (;;) {}
+        case 'LabeledStatement':
+            return false;
+        // no: try {} catch (NODE) {}
+        case 'CatchClause':
+            return false;
+        // no: function foo(...NODE) {}
+        case 'RestElement':
+            return false;
+        case 'BreakStatement':
+        case 'ContinueStatement':
+            return false;
+        // no: function NODE() {}
+        // no: function foo(NODE) {}
+        case 'FunctionDeclaration':
+        case 'FunctionExpression':
+            return false;
+        // no: export NODE from "foo";
+        // no: export * as NODE from "foo";
+        case 'ExportNamespaceSpecifier':
+        case 'ExportDefaultSpecifier':
+            return false;
+        // no: export { foo as NODE };
+        // yes: export { NODE as foo };
+        // no: export { NODE as foo } from "foo";
+        case 'ExportSpecifier':
+            // @ts-expect-error
+            if (grandparent === null || grandparent === void 0 ? void 0 : grandparent.source) {
+                return false;
+            }
+            return parent.local === node;
+        // no: import NODE from "foo";
+        // no: import * as NODE from "foo";
+        // no: import { NODE as foo } from "foo";
+        // no: import { foo as NODE } from "foo";
+        // no: import NODE from "bar";
+        case 'ImportDefaultSpecifier':
+        case 'ImportNamespaceSpecifier':
+        case 'ImportSpecifier':
+            return false;
+        // no: import "foo" assert { NODE: "json" }
+        case 'ImportAttribute':
+            return false;
+        // no: <div NODE="foo" />
+        case 'JSXAttribute':
+            return false;
+        // no: [NODE] = [];
+        // no: ({ NODE }) = [];
+        case 'ObjectPattern':
+        case 'ArrayPattern':
+            return false;
+        // no: new.NODE
+        // no: NODE.target
+        case 'MetaProperty':
+            return false;
+        // yes: type X = { somePropert: NODE }
+        // no: type X = { NODE: OtherType }
+        case 'ObjectTypeProperty':
+            return parent.key !== node;
+        // yes: enum X { Foo = NODE }
+        // no: enum X { NODE }
+        case 'TSEnumMember':
+            return parent.id !== node;
+        // yes: { [NODE]: value }
+        // no: { NODE: value }
+        case 'TSPropertySignature':
+            if (parent.key === node) {
+                return !!parent.computed;
+            }
+            return true;
+    }
+    return true;
+}
 
 const isLiteralWhitelisted = /*#__PURE__*/ shared.makeMap('true,false,null,this');
 const transformExpression = (node, context) => {
@@ -3117,7 +3283,7 @@ function processExpression(node, context,
 // function params
 asParams = false, 
 // v-on handler values may contain multiple statements
-asRawStatements = false) {
+asRawStatements = false, localVars = Object.create(context.identifiers)) {
     if (!context.prefixIdentifiers || !node.content.trim()) {
         return node;
     }
@@ -3131,7 +3297,7 @@ asRawStatements = false) {
             const isUpdateArg = parent && parent.type === 'UpdateExpression' && parent.argument === id;
             // ({ x } = y)
             const isDestructureAssignment = parent && isInDestructureAssignment(parent, parentStack);
-            if (type === "setup-const" /* SETUP_CONST */) {
+            if (type === "setup-const" /* SETUP_CONST */ || localVars[raw]) {
                 return raw;
             }
             else if (type === "setup-ref" /* SETUP_REF */) {
@@ -3155,7 +3321,7 @@ asRawStatements = false) {
                     // x = y --> isRef(x) ? x.value = y : x = y
                     const { right: rVal, operator } = parent;
                     const rExp = rawExp.slice(rVal.start - 1, rVal.end - 1);
-                    const rExpString = stringifyExpression(processExpression(createSimpleExpression(rExp, false), context));
+                    const rExpString = stringifyExpression(processExpression(createSimpleExpression(rExp, false), context, false, false, knownIds));
                     return `${context.helperString(IS_REF)}(${raw})${context.isTS ? ` //@ts-ignore\n` : ``} ? ${raw}.value ${operator} ${rExpString} : ${raw}`;
                 }
                 else if (isUpdateArg) {
@@ -3241,7 +3407,7 @@ asRawStatements = false) {
         }).program;
     }
     catch (e) {
-        context.onError(createCompilerError(43 /* X_INVALID_EXPRESSION */, node.loc, undefined, e.message));
+        context.onError(createCompilerError(44 /* X_INVALID_EXPRESSION */, node.loc, undefined, e.message));
         return node;
     }
     const ids = [];
@@ -3371,7 +3537,7 @@ function processIf(node, dir, context, processCodegen) {
     if (dir.name !== 'else' &&
         (!dir.exp || !dir.exp.content.trim())) {
         const loc = dir.exp ? dir.exp.loc : node.loc;
-        context.onError(createCompilerError(27 /* X_V_IF_NO_EXPRESSION */, dir.loc));
+        context.onError(createCompilerError(28 /* X_V_IF_NO_EXPRESSION */, dir.loc));
         dir.exp = createSimpleExpression(`true`, false, loc);
     }
     if (context.prefixIdentifiers && dir.exp) {
@@ -3413,7 +3579,7 @@ function processIf(node, dir, context, processCodegen) {
                     if (key) {
                         sibling.branches.forEach(({ userKey }) => {
                             if (isSameKey(userKey, key)) {
-                                context.onError(createCompilerError(28 /* X_V_IF_SAME_KEY */, branch.userKey.loc));
+                                context.onError(createCompilerError(29 /* X_V_IF_SAME_KEY */, branch.userKey.loc));
                             }
                         });
                     }
@@ -3431,7 +3597,7 @@ function processIf(node, dir, context, processCodegen) {
                 context.currentNode = null;
             }
             else {
-                context.onError(createCompilerError(29 /* X_V_ELSE_NO_ADJACENT_IF */, node.loc));
+                context.onError(createCompilerError(30 /* X_V_ELSE_NO_ADJACENT_IF */, node.loc));
             }
             break;
         }
@@ -3576,7 +3742,7 @@ const transformFor = createStructuralDirectiveTransform('for', (node, dir, conte
                     if (c.type === 1 /* ELEMENT */) {
                         const key = findProp(c, 'key');
                         if (key) {
-                            context.onError(createCompilerError(32 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */, key.loc));
+                            context.onError(createCompilerError(33 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */, key.loc));
                             return true;
                         }
                     }
@@ -3660,7 +3826,7 @@ const transformFor = createStructuralDirectiveTransform('for', (node, dir, conte
 // target-agnostic transform used for both Client and SSR
 function processFor(node, dir, context, processCodegen) {
     if (!dir.exp) {
-        context.onError(createCompilerError(30 /* X_V_FOR_NO_EXPRESSION */, dir.loc));
+        context.onError(createCompilerError(31 /* X_V_FOR_NO_EXPRESSION */, dir.loc));
         return;
     }
     const parseResult = parseForExpression(
@@ -3668,7 +3834,7 @@ function processFor(node, dir, context, processCodegen) {
     // before expression transform.
     dir.exp, context);
     if (!parseResult) {
-        context.onError(createCompilerError(31 /* X_V_FOR_MALFORMED_EXPRESSION */, dir.loc));
+        context.onError(createCompilerError(32 /* X_V_FOR_MALFORMED_EXPRESSION */, dir.loc));
         return;
     }
     const { addIdentifiers, removeIdentifiers, scopes } = context;
@@ -3874,7 +4040,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
         }
         if (onComponentSlot) {
             // already has on-component slot - this is incorrect usage.
-            context.onError(createCompilerError(36 /* X_V_SLOT_MIXED_SLOT_USAGE */, slotDir.loc));
+            context.onError(createCompilerError(37 /* X_V_SLOT_MIXED_SLOT_USAGE */, slotDir.loc));
             break;
         }
         hasTemplateSlots = true;
@@ -3921,7 +4087,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
                     : buildDynamicSlot(slotName, slotFunction);
             }
             else {
-                context.onError(createCompilerError(29 /* X_V_ELSE_NO_ADJACENT_IF */, vElse.loc));
+                context.onError(createCompilerError(30 /* X_V_ELSE_NO_ADJACENT_IF */, vElse.loc));
             }
         }
         else if ((vFor = findDir(slotElement, 'for'))) {
@@ -3937,14 +4103,14 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
                 ]));
             }
             else {
-                context.onError(createCompilerError(31 /* X_V_FOR_MALFORMED_EXPRESSION */, vFor.loc));
+                context.onError(createCompilerError(32 /* X_V_FOR_MALFORMED_EXPRESSION */, vFor.loc));
             }
         }
         else {
             // check duplicate static names
             if (staticSlotName) {
                 if (seenSlotNames.has(staticSlotName)) {
-                    context.onError(createCompilerError(37 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */, dirLoc));
+                    context.onError(createCompilerError(38 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */, dirLoc));
                     continue;
                 }
                 seenSlotNames.add(staticSlotName);
@@ -3974,7 +4140,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
             implicitDefaultChildren.some(node => isNonWhitespaceContent(node))) {
             // implicit default slot (mixed with named slots)
             if (hasNamedDefaultSlot) {
-                context.onError(createCompilerError(38 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */, implicitDefaultChildren[0].loc));
+                context.onError(createCompilerError(39 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */, implicitDefaultChildren[0].loc));
             }
             else {
                 slotsProperties.push(buildDefaultSlotProperty(undefined, implicitDefaultChildren));
@@ -4329,16 +4495,15 @@ function buildProps(node, context, props = node.props, ssr = false) {
         const prop = props[i];
         if (prop.type === 6 /* ATTRIBUTE */) {
             const { loc, name, value } = prop;
-            let isStatic = true;
+            let valueNode = createSimpleExpression(value ? value.content : '', true, value ? value.loc : loc);
             if (name === 'ref') {
                 hasRef = true;
                 // in inline mode there is no setupState object, so we can't use string
                 // keys to set the ref. Instead, we need to transform it to pass the
                 // acrtual ref instead.
-                if (value &&
-                    context.inline &&
-                    context.bindingMetadata[value.content]) {
-                    isStatic = false;
+                if (context.inline && (value === null || value === void 0 ? void 0 : value.content)) {
+                    valueNode = createFunctionExpression(['_value', '_refs']);
+                    valueNode.body = createBlockStatement(processInlineRef(context.bindingMetadata, value.content));
                 }
             }
             // skip is on <component>, or is="vue:xxx"
@@ -4348,7 +4513,7 @@ function buildProps(node, context, props = node.props, ssr = false) {
                     (isCompatEnabled("COMPILER_IS_ON_ELEMENT" /* COMPILER_IS_ON_ELEMENT */, context)))) {
                 continue;
             }
-            properties.push(createObjectProperty(createSimpleExpression(name, true, getInnerRange(loc, 0, name.length)), createSimpleExpression(value ? value.content : '', isStatic, value ? value.loc : loc)));
+            properties.push(createObjectProperty(createSimpleExpression(name, true, getInnerRange(loc, 0, name.length)), valueNode));
         }
         else {
             // directives
@@ -4358,7 +4523,7 @@ function buildProps(node, context, props = node.props, ssr = false) {
             // skip v-slot - it is handled by its dedicated transform.
             if (name === 'slot') {
                 if (!isComponent) {
-                    context.onError(createCompilerError(39 /* X_V_SLOT_MISPLACED */, loc));
+                    context.onError(createCompilerError(40 /* X_V_SLOT_MISPLACED */, loc));
                 }
                 continue;
             }
@@ -4407,8 +4572,8 @@ function buildProps(node, context, props = node.props, ssr = false) {
                 }
                 else {
                     context.onError(createCompilerError(isVBind
-                        ? 33 /* X_V_BIND_NO_EXPRESSION */
-                        : 34 /* X_V_ON_NO_EXPRESSION */, loc));
+                        ? 34 /* X_V_BIND_NO_EXPRESSION */
+                        : 35 /* X_V_ON_NO_EXPRESSION */, loc));
                 }
                 continue;
             }
@@ -4634,6 +4799,17 @@ function stringifyDynamicPropNames(props) {
 }
 function isComponentTag(tag) {
     return tag[0].toLowerCase() + tag.slice(1) === 'component';
+}
+function processInlineRef(bindings, raw) {
+    const body = [createSimpleExpression(`_refs['${raw}'] = _value`)];
+    const type = bindings[raw];
+    if (type === "setup-ref" /* SETUP_REF */) {
+        body.push(createSimpleExpression(`${raw}.value = _value`));
+    }
+    else if (type === "setup-let" /* SETUP_LET */) {
+        body.push(createSimpleExpression(`${raw} = _value`));
+    }
+    return body;
 }
 
 const cacheStringFunction = (fn) => {
@@ -4714,7 +4890,7 @@ function processSlotOutlet(node, context) {
         const { props, directives } = buildProps(node, context, nonNameProps);
         slotProps = props;
         if (directives.length) {
-            context.onError(createCompilerError(35 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */, directives[0].loc));
+            context.onError(createCompilerError(36 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */, directives[0].loc));
         }
     }
     return {
@@ -4727,7 +4903,7 @@ const fnExpRE = /^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/;
 const transformOn = (dir, node, context, augmentor) => {
     const { loc, modifiers, arg } = dir;
     if (!dir.exp && !modifiers.length) {
-        context.onError(createCompilerError(34 /* X_V_ON_NO_EXPRESSION */, loc));
+        context.onError(createCompilerError(35 /* X_V_ON_NO_EXPRESSION */, loc));
     }
     let eventName;
     if (arg.type === 4 /* SIMPLE_EXPRESSION */) {
@@ -4868,7 +5044,7 @@ const transformBind = (dir, _node, context) => {
     }
     if (!exp ||
         (exp.type === 4 /* SIMPLE_EXPRESSION */ && !exp.content.trim())) {
-        context.onError(createCompilerError(33 /* X_V_BIND_NO_EXPRESSION */, loc));
+        context.onError(createCompilerError(34 /* X_V_BIND_NO_EXPRESSION */, loc));
         return {
             props: [createObjectProperty(arg, createSimpleExpression('', true, loc))]
         };
@@ -5004,7 +5180,7 @@ const transformOnce = (node, context) => {
 const transformModel = (dir, node, context) => {
     const { exp, arg } = dir;
     if (!exp) {
-        context.onError(createCompilerError(40 /* X_V_MODEL_NO_EXPRESSION */, dir.loc));
+        context.onError(createCompilerError(41 /* X_V_MODEL_NO_EXPRESSION */, dir.loc));
         return createTransformProps();
     }
     const rawExp = exp.loc.source;
@@ -5016,13 +5192,13 @@ const transformModel = (dir, node, context) => {
         bindingType &&
         bindingType !== "setup-const" /* SETUP_CONST */;
     if (!expString.trim() || (!isMemberExpression(expString) && !maybeRef)) {
-        context.onError(createCompilerError(41 /* X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc));
+        context.onError(createCompilerError(42 /* X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc));
         return createTransformProps();
     }
     if (context.prefixIdentifiers &&
         isSimpleIdentifier(expString) &&
         context.identifiers[expString]) {
-        context.onError(createCompilerError(42 /* X_V_MODEL_ON_SCOPE_VARIABLE */, exp.loc));
+        context.onError(createCompilerError(43 /* X_V_MODEL_ON_SCOPE_VARIABLE */, exp.loc));
         return createTransformProps();
     }
     const propName = arg ? arg : createSimpleExpression('modelValue', true);
@@ -5316,10 +5492,10 @@ function baseCompile(template, options = {}) {
     const isModuleMode = options.mode === 'module';
     const prefixIdentifiers = (options.prefixIdentifiers === true || isModuleMode);
     if (!prefixIdentifiers && options.cacheHandlers) {
-        onError(createCompilerError(47 /* X_CACHE_HANDLER_NOT_SUPPORTED */));
+        onError(createCompilerError(48 /* X_CACHE_HANDLER_NOT_SUPPORTED */));
     }
     if (options.scopeId && !isModuleMode) {
-        onError(createCompilerError(48 /* X_SCOPE_ID_NOT_SUPPORTED */));
+        onError(createCompilerError(49 /* X_SCOPE_ID_NOT_SUPPORTED */));
     }
     const ast = shared.isString(template) ? baseParse(template, options) : template;
     const [nodeTransforms, directiveTransforms] = getBaseTransformPreset(prefixIdentifiers);

package/dist/compiler-core.d.ts

@@ -1,11 +1,11 @@
-import { BlockStatement as BlockStatement_2 } from '@babel/types';
-import { Function as Function_2 } from '@babel/types';
+import type { BlockStatement as BlockStatement_2 } from '@babel/types';
+import type { Function as Function_2 } from '@babel/types';
 import { generateCodeFrame } from '@vue/shared';
-import { Identifier } from '@babel/types';
-import { Node as Node_3 } from '@babel/types';
-import { ObjectProperty } from '@babel/types';
+import type { Identifier } from '@babel/types';
+import type { Node as Node_3 } from '@babel/types';
+import type { ObjectProperty } from '@babel/types';
 import { ParserPlugin } from '@babel/parser';
-import { Program } from '@babel/types';
+import type { Program } from '@babel/types';
 import { RawSourceMap } from 'source-map';
 import { SourceMapGenerator } from 'source-map';
 
@@ -60,7 +60,7 @@ export declare const enum BindingTypes {
      */
     DATA = "data",
     /**
-     * decalred as a prop
+     * declared as a prop
      */
     PROPS = "props",
     /**
@@ -411,30 +411,31 @@ export declare const enum ErrorCodes {
     X_INVALID_END_TAG = 23,
     X_MISSING_END_TAG = 24,
     X_MISSING_INTERPOLATION_END = 25,
-    X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END = 26,
-    X_V_IF_NO_EXPRESSION = 27,
-    X_V_IF_SAME_KEY = 28,
-    X_V_ELSE_NO_ADJACENT_IF = 29,
-    X_V_FOR_NO_EXPRESSION = 30,
-    X_V_FOR_MALFORMED_EXPRESSION = 31,
-    X_V_FOR_TEMPLATE_KEY_PLACEMENT = 32,
-    X_V_BIND_NO_EXPRESSION = 33,
-    X_V_ON_NO_EXPRESSION = 34,
-    X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET = 35,
-    X_V_SLOT_MIXED_SLOT_USAGE = 36,
-    X_V_SLOT_DUPLICATE_SLOT_NAMES = 37,
-    X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN = 38,
-    X_V_SLOT_MISPLACED = 39,
-    X_V_MODEL_NO_EXPRESSION = 40,
-    X_V_MODEL_MALFORMED_EXPRESSION = 41,
-    X_V_MODEL_ON_SCOPE_VARIABLE = 42,
-    X_INVALID_EXPRESSION = 43,
-    X_KEEP_ALIVE_INVALID_CHILDREN = 44,
-    X_PREFIX_ID_NOT_SUPPORTED = 45,
-    X_MODULE_MODE_NOT_SUPPORTED = 46,
-    X_CACHE_HANDLER_NOT_SUPPORTED = 47,
-    X_SCOPE_ID_NOT_SUPPORTED = 48,
-    __EXTEND_POINT__ = 49
+    X_MISSING_DIRECTIVE_NAME = 26,
+    X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END = 27,
+    X_V_IF_NO_EXPRESSION = 28,
+    X_V_IF_SAME_KEY = 29,
+    X_V_ELSE_NO_ADJACENT_IF = 30,
+    X_V_FOR_NO_EXPRESSION = 31,
+    X_V_FOR_MALFORMED_EXPRESSION = 32,
+    X_V_FOR_TEMPLATE_KEY_PLACEMENT = 33,
+    X_V_BIND_NO_EXPRESSION = 34,
+    X_V_ON_NO_EXPRESSION = 35,
+    X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET = 36,
+    X_V_SLOT_MIXED_SLOT_USAGE = 37,
+    X_V_SLOT_DUPLICATE_SLOT_NAMES = 38,
+    X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN = 39,
+    X_V_SLOT_MISPLACED = 40,
+    X_V_MODEL_NO_EXPRESSION = 41,
+    X_V_MODEL_MALFORMED_EXPRESSION = 42,
+    X_V_MODEL_ON_SCOPE_VARIABLE = 43,
+    X_INVALID_EXPRESSION = 44,
+    X_KEEP_ALIVE_INVALID_CHILDREN = 45,
+    X_PREFIX_ID_NOT_SUPPORTED = 46,
+    X_MODULE_MODE_NOT_SUPPORTED = 47,
+    X_CACHE_HANDLER_NOT_SUPPORTED = 48,
+    X_SCOPE_ID_NOT_SUPPORTED = 49,
+    __EXTEND_POINT__ = 50
 }
 
 declare interface ErrorHandlingOptions {
@@ -781,7 +782,7 @@ export declare interface Position {
     column: number;
 }
 
-export declare function processExpression(node: SimpleExpressionNode, context: TransformContext, asParams?: boolean, asRawStatements?: boolean): ExpressionNode;
+export declare function processExpression(node: SimpleExpressionNode, context: TransformContext, asParams?: boolean, asRawStatements?: boolean, localVars?: Record<string, number>): ExpressionNode;
 
 export declare function processFor(node: ElementNode, dir: DirectiveNode, context: TransformContext, processCodegen?: (forNode: ForNode) => (() => void) | undefined): (() => void) | undefined;