@vue/compiler-sfc 3.4.0-alpha.4 → 3.4.0-beta.2

package/dist/compiler-sfc.esm-browser.js

@@ -189,9 +189,11 @@ function normalizeClass(value) {
 
 const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
 const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
+const MATH_TAGS = "math,maction,annotation,annotation-xml,menclose,merror,mfenced,mfrac,mi,mmultiscripts,mn,mo,mover,mpadded,mphantom,mprescripts,mroot,mrow,ms,semantics,mspace,msqrt,mstyle,msub,msup,msubsup,mtable,mtd,mtext,mtr,munder,munderover";
 const VOID_TAGS = "area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr";
 const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
 const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
+const isMathMLTag = /* @__PURE__ */ makeMap(MATH_TAGS);
 const isVoidTag = /* @__PURE__ */ makeMap(VOID_TAGS);
 
 const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
@@ -220,7 +222,7 @@ const isKnownHtmlAttr = /* @__PURE__ */ makeMap(
   `accept,accept-charset,accesskey,action,align,allow,alt,async,autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,border,buffered,capture,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,formaction,formenctype,formmethod,formnovalidate,formtarget,headers,height,hidden,high,href,hreflang,http-equiv,icon,id,importance,inert,integrity,ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,translate,type,usemap,value,width,wrap`
 );
 const isKnownSvgAttr = /* @__PURE__ */ makeMap(
-  `xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan`
+  `xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan`
 );
 
 const escapeRE = /["'&<>]/;
@@ -271,20 +273,29 @@ const replacer = (_key, val) => {
     return replacer(_key, val.value);
   } else if (isMap(val)) {
     return {
-      [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val2]) => {
-        entries[`${key} =>`] = val2;
-        return entries;
-      }, {})
+      [`Map(${val.size})`]: [...val.entries()].reduce(
+        (entries, [key, val2], i) => {
+          entries[stringifySymbol(key, i) + " =>"] = val2;
+          return entries;
+        },
+        {}
+      )
     };
   } else if (isSet(val)) {
     return {
-      [`Set(${val.size})`]: [...val.values()]
+      [`Set(${val.size})`]: [...val.values()].map((v) => stringifySymbol(v))
     };
+  } else if (isSymbol$1(val)) {
+    return stringifySymbol(val);
   } else if (isObject$2(val) && !isArray$3(val) && !isPlainObject(val)) {
     return String(val);
   }
   return val;
 };
+const stringifySymbol = (v, i = "") => {
+  var _a;
+  return isSymbol$1(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v;
+};
 
 const FRAGMENT = Symbol(`Fragment` );
 const TELEPORT = Symbol(`Teleport` );
@@ -2240,16 +2251,16 @@ const ErrorCodes = {
   "45": "X_INVALID_EXPRESSION",
   "X_KEEP_ALIVE_INVALID_CHILDREN": 46,
   "46": "X_KEEP_ALIVE_INVALID_CHILDREN",
-  "X_VNODE_HOOKS": 47,
-  "47": "X_VNODE_HOOKS",
-  "X_PREFIX_ID_NOT_SUPPORTED": 48,
-  "48": "X_PREFIX_ID_NOT_SUPPORTED",
-  "X_MODULE_MODE_NOT_SUPPORTED": 49,
-  "49": "X_MODULE_MODE_NOT_SUPPORTED",
-  "X_CACHE_HANDLER_NOT_SUPPORTED": 50,
-  "50": "X_CACHE_HANDLER_NOT_SUPPORTED",
-  "X_SCOPE_ID_NOT_SUPPORTED": 51,
-  "51": "X_SCOPE_ID_NOT_SUPPORTED",
+  "X_PREFIX_ID_NOT_SUPPORTED": 47,
+  "47": "X_PREFIX_ID_NOT_SUPPORTED",
+  "X_MODULE_MODE_NOT_SUPPORTED": 48,
+  "48": "X_MODULE_MODE_NOT_SUPPORTED",
+  "X_CACHE_HANDLER_NOT_SUPPORTED": 49,
+  "49": "X_CACHE_HANDLER_NOT_SUPPORTED",
+  "X_SCOPE_ID_NOT_SUPPORTED": 50,
+  "50": "X_SCOPE_ID_NOT_SUPPORTED",
+  "X_VNODE_HOOKS": 51,
+  "51": "X_VNODE_HOOKS",
   "__EXTEND_POINT__": 52,
   "52": "__EXTEND_POINT__"
 };
@@ -2305,12 +2316,12 @@ 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.`,
+  [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.`,
   // generic errors
-  [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.`,
+  [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.`,
   // just to fulfill types
   [52]: ``
 };
@@ -16804,6 +16815,471 @@ var parse_1$1 = lib.parse = parse$9;
 var parseExpression_1 = lib.parseExpression = parseExpression;
 lib.tokTypes = tokTypes;
 
+// @ts-check
+/** @typedef { import('estree').BaseNode} BaseNode */
+
+/** @typedef {{
+	skip: () => void;
+	remove: () => void;
+	replace: (node: BaseNode) => void;
+}} WalkerContext */
+
+class WalkerBase {
+	constructor() {
+		/** @type {boolean} */
+		this.should_skip = false;
+
+		/** @type {boolean} */
+		this.should_remove = false;
+
+		/** @type {BaseNode | null} */
+		this.replacement = null;
+
+		/** @type {WalkerContext} */
+		this.context = {
+			skip: () => (this.should_skip = true),
+			remove: () => (this.should_remove = true),
+			replace: (node) => (this.replacement = node)
+		};
+	}
+
+	/**
+	 *
+	 * @param {any} parent
+	 * @param {string} prop
+	 * @param {number} index
+	 * @param {BaseNode} node
+	 */
+	replace(parent, prop, index, node) {
+		if (parent) {
+			if (index !== null) {
+				parent[prop][index] = node;
+			} else {
+				parent[prop] = node;
+			}
+		}
+	}
+
+	/**
+	 *
+	 * @param {any} parent
+	 * @param {string} prop
+	 * @param {number} index
+	 */
+	remove(parent, prop, index) {
+		if (parent) {
+			if (index !== null) {
+				parent[prop].splice(index, 1);
+			} else {
+				delete parent[prop];
+			}
+		}
+	}
+}
+
+// @ts-check
+
+/** @typedef { import('estree').BaseNode} BaseNode */
+/** @typedef { import('./walker.js').WalkerContext} WalkerContext */
+
+/** @typedef {(
+ *    this: WalkerContext,
+ *    node: BaseNode,
+ *    parent: BaseNode,
+ *    key: string,
+ *    index: number
+ * ) => void} SyncHandler */
+
+class SyncWalker extends WalkerBase {
+	/**
+	 *
+	 * @param {SyncHandler} enter
+	 * @param {SyncHandler} leave
+	 */
+	constructor(enter, leave) {
+		super();
+
+		/** @type {SyncHandler} */
+		this.enter = enter;
+
+		/** @type {SyncHandler} */
+		this.leave = leave;
+	}
+
+	/**
+	 *
+	 * @param {BaseNode} node
+	 * @param {BaseNode} parent
+	 * @param {string} [prop]
+	 * @param {number} [index]
+	 * @returns {BaseNode}
+	 */
+	visit(node, parent, prop, index) {
+		if (node) {
+			if (this.enter) {
+				const _should_skip = this.should_skip;
+				const _should_remove = this.should_remove;
+				const _replacement = this.replacement;
+				this.should_skip = false;
+				this.should_remove = false;
+				this.replacement = null;
+
+				this.enter.call(this.context, node, parent, prop, index);
+
+				if (this.replacement) {
+					node = this.replacement;
+					this.replace(parent, prop, index, node);
+				}
+
+				if (this.should_remove) {
+					this.remove(parent, prop, index);
+				}
+
+				const skipped = this.should_skip;
+				const removed = this.should_remove;
+
+				this.should_skip = _should_skip;
+				this.should_remove = _should_remove;
+				this.replacement = _replacement;
+
+				if (skipped) return node;
+				if (removed) return null;
+			}
+
+			for (const key in node) {
+				const value = node[key];
+
+				if (typeof value !== "object") {
+					continue;
+				} else if (Array.isArray(value)) {
+					for (let i = 0; i < value.length; i += 1) {
+						if (value[i] !== null && typeof value[i].type === 'string') {
+							if (!this.visit(value[i], node, key, i)) {
+								// removed
+								i--;
+							}
+						}
+					}
+				} else if (value !== null && typeof value.type === "string") {
+					this.visit(value, node, key, null);
+				}
+			}
+
+			if (this.leave) {
+				const _replacement = this.replacement;
+				const _should_remove = this.should_remove;
+				this.replacement = null;
+				this.should_remove = false;
+
+				this.leave.call(this.context, node, parent, prop, index);
+
+				if (this.replacement) {
+					node = this.replacement;
+					this.replace(parent, prop, index, node);
+				}
+
+				if (this.should_remove) {
+					this.remove(parent, prop, index);
+				}
+
+				const removed = this.should_remove;
+
+				this.replacement = _replacement;
+				this.should_remove = _should_remove;
+
+				if (removed) return null;
+			}
+		}
+
+		return node;
+	}
+}
+
+// @ts-check
+
+/** @typedef { import('estree').BaseNode} BaseNode */
+/** @typedef { import('./sync.js').SyncHandler} SyncHandler */
+/** @typedef { import('./async.js').AsyncHandler} AsyncHandler */
+
+/**
+ *
+ * @param {BaseNode} ast
+ * @param {{
+ *   enter?: SyncHandler
+ *   leave?: SyncHandler
+ * }} walker
+ * @returns {BaseNode}
+ */
+function walk$2(ast, { enter, leave }) {
+	const instance = new SyncWalker(enter, leave);
+	return instance.visit(ast, null);
+}
+
+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 : root;
+  walk$2(root, {
+    enter(node, parent) {
+      parent && parentStack.push(parent);
+      if (parent && parent.type.startsWith("TS") && !TS_NODE_TYPES.includes(parent.type)) {
+        return this.skip();
+      }
+      if (node.type === "Identifier") {
+        const isLocal = !!knownIds[node.name];
+        const isRefed = isReferencedIdentifier(node, parent, parentStack);
+        if (includeAll || isRefed && !isLocal) {
+          onIdentifier(node, parent, parentStack, isRefed, isLocal);
+        }
+      } else if (node.type === "ObjectProperty" && parent.type === "ObjectPattern") {
+        node.inPattern = true;
+      } else if (isFunctionType(node)) {
+        walkFunctionParams(node, (id) => markScopeIdentifier(node, id, knownIds));
+      } else if (node.type === "BlockStatement") {
+        walkBlockDeclarations(
+          node,
+          (id) => markScopeIdentifier(node, id, knownIds)
+        );
+      }
+    },
+    leave(node, parent) {
+      parent && parentStack.pop();
+      if (node !== rootExp && node.scopeIds) {
+        for (const id of node.scopeIds) {
+          knownIds[id]--;
+          if (knownIds[id] === 0) {
+            delete knownIds[id];
+          }
+        }
+      }
+    }
+  });
+}
+function isReferencedIdentifier(id, parent, parentStack) {
+  if (!parent) {
+    return true;
+  }
+  if (id.name === "arguments") {
+    return false;
+  }
+  if (isReferenced(id, parent)) {
+    return true;
+  }
+  switch (parent.type) {
+    case "AssignmentExpression":
+    case "AssignmentPattern":
+      return true;
+    case "ObjectPattern":
+    case "ArrayPattern":
+      return isInDestructureAssignment(parent, parentStack);
+  }
+  return false;
+}
+function isInDestructureAssignment(parent, parentStack) {
+  if (parent && (parent.type === "ObjectProperty" || parent.type === "ArrayPattern")) {
+    let i = parentStack.length;
+    while (i--) {
+      const p = parentStack[i];
+      if (p.type === "AssignmentExpression") {
+        return true;
+      } else if (p.type !== "ObjectProperty" && !p.type.endsWith("Pattern")) {
+        break;
+      }
+    }
+  }
+  return false;
+}
+function walkFunctionParams(node, onIdent) {
+  for (const p of node.params) {
+    for (const id of extractIdentifiers$1(p)) {
+      onIdent(id);
+    }
+  }
+}
+function walkBlockDeclarations(block, onIdent) {
+  for (const stmt of block.body) {
+    if (stmt.type === "VariableDeclaration") {
+      if (stmt.declare)
+        continue;
+      for (const decl of stmt.declarations) {
+        for (const id of extractIdentifiers$1(decl.id)) {
+          onIdent(id);
+        }
+      }
+    } else if (stmt.type === "FunctionDeclaration" || stmt.type === "ClassDeclaration") {
+      if (stmt.declare || !stmt.id)
+        continue;
+      onIdent(stmt.id);
+    } else if (stmt.type === "ForOfStatement" || stmt.type === "ForInStatement" || stmt.type === "ForStatement") {
+      const variable = stmt.type === "ForStatement" ? stmt.init : stmt.left;
+      if (variable && variable.type === "VariableDeclaration") {
+        for (const decl of variable.declarations) {
+          for (const id of extractIdentifiers$1(decl.id)) {
+            onIdent(id);
+          }
+        }
+      }
+    }
+  }
+}
+function extractIdentifiers$1(param, nodes = []) {
+  switch (param.type) {
+    case "Identifier":
+      nodes.push(param);
+      break;
+    case "MemberExpression":
+      let object = param;
+      while (object.type === "MemberExpression") {
+        object = object.object;
+      }
+      nodes.push(object);
+      break;
+    case "ObjectPattern":
+      for (const prop of param.properties) {
+        if (prop.type === "RestElement") {
+          extractIdentifiers$1(prop.argument, nodes);
+        } else {
+          extractIdentifiers$1(prop.value, nodes);
+        }
+      }
+      break;
+    case "ArrayPattern":
+      param.elements.forEach((element) => {
+        if (element)
+          extractIdentifiers$1(element, nodes);
+      });
+      break;
+    case "RestElement":
+      extractIdentifiers$1(param.argument, nodes);
+      break;
+    case "AssignmentPattern":
+      extractIdentifiers$1(param.left, nodes);
+      break;
+  }
+  return nodes;
+}
+function markScopeIdentifier(node, child, knownIds) {
+  const { name } = child;
+  if (node.scopeIds && node.scopeIds.has(name)) {
+    return;
+  }
+  if (name in knownIds) {
+    knownIds[name]++;
+  } else {
+    knownIds[name] = 1;
+  }
+  (node.scopeIds || (node.scopeIds = /* @__PURE__ */ new Set())).add(name);
+}
+const isFunctionType = (node) => {
+  return /Function(?:Expression|Declaration)$|Method$/.test(node.type);
+};
+const isStaticProperty = (node) => node && (node.type === "ObjectProperty" || node.type === "ObjectMethod") && !node.computed;
+const isStaticPropertyKey = (node, parent) => isStaticProperty(parent) && parent.key === node;
+function isReferenced(node, parent, grandparent) {
+  switch (parent.type) {
+    case "MemberExpression":
+    case "OptionalMemberExpression":
+      if (parent.property === node) {
+        return !!parent.computed;
+      }
+      return parent.object === node;
+    case "JSXMemberExpression":
+      return parent.object === node;
+    case "VariableDeclarator":
+      return parent.init === node;
+    case "ArrowFunctionExpression":
+      return parent.body === node;
+    case "PrivateName":
+      return false;
+    case "ClassMethod":
+    case "ClassPrivateMethod":
+    case "ObjectMethod":
+      if (parent.key === node) {
+        return !!parent.computed;
+      }
+      return false;
+    case "ObjectProperty":
+      if (parent.key === node) {
+        return !!parent.computed;
+      }
+      return !grandparent || grandparent.type !== "ObjectPattern";
+    case "ClassProperty":
+      if (parent.key === node) {
+        return !!parent.computed;
+      }
+      return true;
+    case "ClassPrivateProperty":
+      return parent.key !== node;
+    case "ClassDeclaration":
+    case "ClassExpression":
+      return parent.superClass === node;
+    case "AssignmentExpression":
+      return parent.right === node;
+    case "AssignmentPattern":
+      return parent.right === node;
+    case "LabeledStatement":
+      return false;
+    case "CatchClause":
+      return false;
+    case "RestElement":
+      return false;
+    case "BreakStatement":
+    case "ContinueStatement":
+      return false;
+    case "FunctionDeclaration":
+    case "FunctionExpression":
+      return false;
+    case "ExportNamespaceSpecifier":
+    case "ExportDefaultSpecifier":
+      return false;
+    case "ExportSpecifier":
+      if (grandparent == null ? void 0 : grandparent.source) {
+        return false;
+      }
+      return parent.local === node;
+    case "ImportDefaultSpecifier":
+    case "ImportNamespaceSpecifier":
+    case "ImportSpecifier":
+      return false;
+    case "ImportAttribute":
+      return false;
+    case "JSXAttribute":
+      return false;
+    case "ObjectPattern":
+    case "ArrayPattern":
+      return false;
+    case "MetaProperty":
+      return false;
+    case "ObjectTypeProperty":
+      return parent.key !== node;
+    case "TSEnumMember":
+      return parent.id !== node;
+    case "TSPropertySignature":
+      if (parent.key === node) {
+        return !!parent.computed;
+      }
+      return true;
+  }
+  return true;
+}
+const TS_NODE_TYPES = [
+  "TSAsExpression",
+  // foo as number
+  "TSTypeAssertion",
+  // (<number>foo)
+  "TSNonNullExpression",
+  // foo!
+  "TSInstantiationExpression",
+  // foo<string>
+  "TSSatisfiesExpression"
+  // foo satisfies T
+];
+function unwrapTSNode(node) {
+  if (TS_NODE_TYPES.includes(node.type)) {
+    return unwrapTSNode(node.expression);
+  } else {
+    return node;
+  }
+}
+
 const isStaticExp = (p) => p.type === 4 && p.isStatic;
 function isCoreComponent(tag) {
   switch (tag) {
@@ -16893,9 +17369,7 @@ const isMemberExpressionNode = (path, context) => {
     let ret = parseExpression_1(path, {
       plugins: context.expressionPlugins
     });
-    if (ret.type === "TSAsExpression" || ret.type === "TSTypeAssertion") {
-      ret = ret.expression;
-    }
+    ret = unwrapTSNode(ret);
     return ret.type === "MemberExpression" || ret.type === "OptionalMemberExpression" || ret.type === "Identifier";
   } catch (e) {
     return false;
@@ -17806,7 +18280,7 @@ function baseParse(input, options) {
 }
 
 function hoistStatic(root, context) {
-  walk$2(
+  walk$1(
     root,
     context,
     // Root node is unfortunately non-hoistable due to potential parent
@@ -17818,7 +18292,7 @@ function isSingleElementRoot(root, child) {
   const { children } = root;
   return children.length === 1 && child.type === 1 && !isSlotOutlet(child);
 }
-function walk$2(node, context, doNotHoistNode = false) {
+function walk$1(node, context, doNotHoistNode = false) {
   const { children } = node;
   const originalCount = children.length;
   let hoistedCount = 0;
@@ -17854,15 +18328,15 @@ function walk$2(node, context, doNotHoistNode = false) {
       if (isComponent) {
         context.scopes.vSlot++;
       }
-      walk$2(child, context);
+      walk$1(child, context);
       if (isComponent) {
         context.scopes.vSlot--;
       }
     } else if (child.type === 11) {
-      walk$2(child, context, child.children.length === 1);
+      walk$1(child, context, child.children.length === 1);
     } else if (child.type === 9) {
       for (let i2 = 0; i2 < child.branches.length; i2++) {
-        walk$2(
+        walk$1(
           child.branches[i2],
           context,
           child.branches[i2].children.length === 1
@@ -18076,6 +18550,7 @@ function createTransformContext(root, {
   const nameMatch = filename.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/);
   const context = {
     // options
+    filename,
     selfName: nameMatch && capitalize$1(camelize(nameMatch[1])),
     prefixIdentifiers,
     hoistStatic: hoistStatic2,
@@ -22456,464 +22931,6 @@ function genReturnStatement({ returns }, context) {
   }
 }
 
-// @ts-check
-/** @typedef { import('estree').BaseNode} BaseNode */
-
-/** @typedef {{
-	skip: () => void;
-	remove: () => void;
-	replace: (node: BaseNode) => void;
-}} WalkerContext */
-
-class WalkerBase {
-	constructor() {
-		/** @type {boolean} */
-		this.should_skip = false;
-
-		/** @type {boolean} */
-		this.should_remove = false;
-
-		/** @type {BaseNode | null} */
-		this.replacement = null;
-
-		/** @type {WalkerContext} */
-		this.context = {
-			skip: () => (this.should_skip = true),
-			remove: () => (this.should_remove = true),
-			replace: (node) => (this.replacement = node)
-		};
-	}
-
-	/**
-	 *
-	 * @param {any} parent
-	 * @param {string} prop
-	 * @param {number} index
-	 * @param {BaseNode} node
-	 */
-	replace(parent, prop, index, node) {
-		if (parent) {
-			if (index !== null) {
-				parent[prop][index] = node;
-			} else {
-				parent[prop] = node;
-			}
-		}
-	}
-
-	/**
-	 *
-	 * @param {any} parent
-	 * @param {string} prop
-	 * @param {number} index
-	 */
-	remove(parent, prop, index) {
-		if (parent) {
-			if (index !== null) {
-				parent[prop].splice(index, 1);
-			} else {
-				delete parent[prop];
-			}
-		}
-	}
-}
-
-// @ts-check
-
-/** @typedef { import('estree').BaseNode} BaseNode */
-/** @typedef { import('./walker.js').WalkerContext} WalkerContext */
-
-/** @typedef {(
- *    this: WalkerContext,
- *    node: BaseNode,
- *    parent: BaseNode,
- *    key: string,
- *    index: number
- * ) => void} SyncHandler */
-
-class SyncWalker extends WalkerBase {
-	/**
-	 *
-	 * @param {SyncHandler} enter
-	 * @param {SyncHandler} leave
-	 */
-	constructor(enter, leave) {
-		super();
-
-		/** @type {SyncHandler} */
-		this.enter = enter;
-
-		/** @type {SyncHandler} */
-		this.leave = leave;
-	}
-
-	/**
-	 *
-	 * @param {BaseNode} node
-	 * @param {BaseNode} parent
-	 * @param {string} [prop]
-	 * @param {number} [index]
-	 * @returns {BaseNode}
-	 */
-	visit(node, parent, prop, index) {
-		if (node) {
-			if (this.enter) {
-				const _should_skip = this.should_skip;
-				const _should_remove = this.should_remove;
-				const _replacement = this.replacement;
-				this.should_skip = false;
-				this.should_remove = false;
-				this.replacement = null;
-
-				this.enter.call(this.context, node, parent, prop, index);
-
-				if (this.replacement) {
-					node = this.replacement;
-					this.replace(parent, prop, index, node);
-				}
-
-				if (this.should_remove) {
-					this.remove(parent, prop, index);
-				}
-
-				const skipped = this.should_skip;
-				const removed = this.should_remove;
-
-				this.should_skip = _should_skip;
-				this.should_remove = _should_remove;
-				this.replacement = _replacement;
-
-				if (skipped) return node;
-				if (removed) return null;
-			}
-
-			for (const key in node) {
-				const value = node[key];
-
-				if (typeof value !== "object") {
-					continue;
-				} else if (Array.isArray(value)) {
-					for (let i = 0; i < value.length; i += 1) {
-						if (value[i] !== null && typeof value[i].type === 'string') {
-							if (!this.visit(value[i], node, key, i)) {
-								// removed
-								i--;
-							}
-						}
-					}
-				} else if (value !== null && typeof value.type === "string") {
-					this.visit(value, node, key, null);
-				}
-			}
-
-			if (this.leave) {
-				const _replacement = this.replacement;
-				const _should_remove = this.should_remove;
-				this.replacement = null;
-				this.should_remove = false;
-
-				this.leave.call(this.context, node, parent, prop, index);
-
-				if (this.replacement) {
-					node = this.replacement;
-					this.replace(parent, prop, index, node);
-				}
-
-				if (this.should_remove) {
-					this.remove(parent, prop, index);
-				}
-
-				const removed = this.should_remove;
-
-				this.replacement = _replacement;
-				this.should_remove = _should_remove;
-
-				if (removed) return null;
-			}
-		}
-
-		return node;
-	}
-}
-
-// @ts-check
-
-/** @typedef { import('estree').BaseNode} BaseNode */
-/** @typedef { import('./sync.js').SyncHandler} SyncHandler */
-/** @typedef { import('./async.js').AsyncHandler} AsyncHandler */
-
-/**
- *
- * @param {BaseNode} ast
- * @param {{
- *   enter?: SyncHandler
- *   leave?: SyncHandler
- * }} walker
- * @returns {BaseNode}
- */
-function walk$1(ast, { enter, leave }) {
-	const instance = new SyncWalker(enter, leave);
-	return instance.visit(ast, null);
-}
-
-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 : root;
-  walk$1(root, {
-    enter(node, parent) {
-      parent && parentStack.push(parent);
-      if (parent && parent.type.startsWith("TS") && !TS_NODE_TYPES.includes(parent.type)) {
-        return this.skip();
-      }
-      if (node.type === "Identifier") {
-        const isLocal = !!knownIds[node.name];
-        const isRefed = isReferencedIdentifier(node, parent, parentStack);
-        if (includeAll || isRefed && !isLocal) {
-          onIdentifier(node, parent, parentStack, isRefed, isLocal);
-        }
-      } else if (node.type === "ObjectProperty" && parent.type === "ObjectPattern") {
-        node.inPattern = true;
-      } else if (isFunctionType(node)) {
-        walkFunctionParams(node, (id) => markScopeIdentifier(node, id, knownIds));
-      } else if (node.type === "BlockStatement") {
-        walkBlockDeclarations(
-          node,
-          (id) => markScopeIdentifier(node, id, knownIds)
-        );
-      }
-    },
-    leave(node, parent) {
-      parent && parentStack.pop();
-      if (node !== rootExp && node.scopeIds) {
-        for (const id of node.scopeIds) {
-          knownIds[id]--;
-          if (knownIds[id] === 0) {
-            delete knownIds[id];
-          }
-        }
-      }
-    }
-  });
-}
-function isReferencedIdentifier(id, parent, parentStack) {
-  if (!parent) {
-    return true;
-  }
-  if (id.name === "arguments") {
-    return false;
-  }
-  if (isReferenced(id, parent)) {
-    return true;
-  }
-  switch (parent.type) {
-    case "AssignmentExpression":
-    case "AssignmentPattern":
-      return true;
-    case "ObjectPattern":
-    case "ArrayPattern":
-      return isInDestructureAssignment(parent, parentStack);
-  }
-  return false;
-}
-function isInDestructureAssignment(parent, parentStack) {
-  if (parent && (parent.type === "ObjectProperty" || parent.type === "ArrayPattern")) {
-    let i = parentStack.length;
-    while (i--) {
-      const p = parentStack[i];
-      if (p.type === "AssignmentExpression") {
-        return true;
-      } else if (p.type !== "ObjectProperty" && !p.type.endsWith("Pattern")) {
-        break;
-      }
-    }
-  }
-  return false;
-}
-function walkFunctionParams(node, onIdent) {
-  for (const p of node.params) {
-    for (const id of extractIdentifiers$1(p)) {
-      onIdent(id);
-    }
-  }
-}
-function walkBlockDeclarations(block, onIdent) {
-  for (const stmt of block.body) {
-    if (stmt.type === "VariableDeclaration") {
-      if (stmt.declare)
-        continue;
-      for (const decl of stmt.declarations) {
-        for (const id of extractIdentifiers$1(decl.id)) {
-          onIdent(id);
-        }
-      }
-    } else if (stmt.type === "FunctionDeclaration" || stmt.type === "ClassDeclaration") {
-      if (stmt.declare || !stmt.id)
-        continue;
-      onIdent(stmt.id);
-    } else if (stmt.type === "ForOfStatement" || stmt.type === "ForInStatement" || stmt.type === "ForStatement") {
-      const variable = stmt.type === "ForStatement" ? stmt.init : stmt.left;
-      if (variable && variable.type === "VariableDeclaration") {
-        for (const decl of variable.declarations) {
-          for (const id of extractIdentifiers$1(decl.id)) {
-            onIdent(id);
-          }
-        }
-      }
-    }
-  }
-}
-function extractIdentifiers$1(param, nodes = []) {
-  switch (param.type) {
-    case "Identifier":
-      nodes.push(param);
-      break;
-    case "MemberExpression":
-      let object = param;
-      while (object.type === "MemberExpression") {
-        object = object.object;
-      }
-      nodes.push(object);
-      break;
-    case "ObjectPattern":
-      for (const prop of param.properties) {
-        if (prop.type === "RestElement") {
-          extractIdentifiers$1(prop.argument, nodes);
-        } else {
-          extractIdentifiers$1(prop.value, nodes);
-        }
-      }
-      break;
-    case "ArrayPattern":
-      param.elements.forEach((element) => {
-        if (element)
-          extractIdentifiers$1(element, nodes);
-      });
-      break;
-    case "RestElement":
-      extractIdentifiers$1(param.argument, nodes);
-      break;
-    case "AssignmentPattern":
-      extractIdentifiers$1(param.left, nodes);
-      break;
-  }
-  return nodes;
-}
-function markScopeIdentifier(node, child, knownIds) {
-  const { name } = child;
-  if (node.scopeIds && node.scopeIds.has(name)) {
-    return;
-  }
-  if (name in knownIds) {
-    knownIds[name]++;
-  } else {
-    knownIds[name] = 1;
-  }
-  (node.scopeIds || (node.scopeIds = /* @__PURE__ */ new Set())).add(name);
-}
-const isFunctionType = (node) => {
-  return /Function(?:Expression|Declaration)$|Method$/.test(node.type);
-};
-const isStaticProperty = (node) => node && (node.type === "ObjectProperty" || node.type === "ObjectMethod") && !node.computed;
-const isStaticPropertyKey = (node, parent) => isStaticProperty(parent) && parent.key === node;
-function isReferenced(node, parent, grandparent) {
-  switch (parent.type) {
-    case "MemberExpression":
-    case "OptionalMemberExpression":
-      if (parent.property === node) {
-        return !!parent.computed;
-      }
-      return parent.object === node;
-    case "JSXMemberExpression":
-      return parent.object === node;
-    case "VariableDeclarator":
-      return parent.init === node;
-    case "ArrowFunctionExpression":
-      return parent.body === node;
-    case "PrivateName":
-      return false;
-    case "ClassMethod":
-    case "ClassPrivateMethod":
-    case "ObjectMethod":
-      if (parent.key === node) {
-        return !!parent.computed;
-      }
-      return false;
-    case "ObjectProperty":
-      if (parent.key === node) {
-        return !!parent.computed;
-      }
-      return !grandparent || grandparent.type !== "ObjectPattern";
-    case "ClassProperty":
-      if (parent.key === node) {
-        return !!parent.computed;
-      }
-      return true;
-    case "ClassPrivateProperty":
-      return parent.key !== node;
-    case "ClassDeclaration":
-    case "ClassExpression":
-      return parent.superClass === node;
-    case "AssignmentExpression":
-      return parent.right === node;
-    case "AssignmentPattern":
-      return parent.right === node;
-    case "LabeledStatement":
-      return false;
-    case "CatchClause":
-      return false;
-    case "RestElement":
-      return false;
-    case "BreakStatement":
-    case "ContinueStatement":
-      return false;
-    case "FunctionDeclaration":
-    case "FunctionExpression":
-      return false;
-    case "ExportNamespaceSpecifier":
-    case "ExportDefaultSpecifier":
-      return false;
-    case "ExportSpecifier":
-      if (grandparent == null ? void 0 : grandparent.source) {
-        return false;
-      }
-      return parent.local === node;
-    case "ImportDefaultSpecifier":
-    case "ImportNamespaceSpecifier":
-    case "ImportSpecifier":
-      return false;
-    case "ImportAttribute":
-      return false;
-    case "JSXAttribute":
-      return false;
-    case "ObjectPattern":
-    case "ArrayPattern":
-      return false;
-    case "MetaProperty":
-      return false;
-    case "ObjectTypeProperty":
-      return parent.key !== node;
-    case "TSEnumMember":
-      return parent.id !== node;
-    case "TSPropertySignature":
-      if (parent.key === node) {
-        return !!parent.computed;
-      }
-      return true;
-  }
-  return true;
-}
-const TS_NODE_TYPES = [
-  "TSAsExpression",
-  // foo as number
-  "TSTypeAssertion",
-  // (<number>foo)
-  "TSNonNullExpression",
-  // foo!
-  "TSInstantiationExpression",
-  // foo<string>
-  "TSSatisfiesExpression"
-  // foo satisfies T
-];
-
 const isLiteralWhitelisted = /* @__PURE__ */ makeMap("true,false,null,this");
 const constantBailRE = /\w\s*\(|\.[^\d]/;
 const transformExpression = (node, context) => {
@@ -24536,7 +24553,7 @@ const transformOn$1 = (dir, node, context, augmentor) => {
     if (arg.isStatic) {
       let rawName = arg.content;
       if (rawName.startsWith("vnode")) {
-        context.onError(createCompilerError(47, arg.loc));
+        context.onError(createCompilerError(51, arg.loc));
       }
       if (rawName.startsWith("vue:")) {
         rawName = `vnode-${rawName.slice(4)}`;
@@ -24923,12 +24940,15 @@ function baseCompile(source, options = {}) {
   const isModuleMode = options.mode === "module";
   const prefixIdentifiers = options.prefixIdentifiers === true || isModuleMode;
   if (!prefixIdentifiers && options.cacheHandlers) {
-    onError(createCompilerError(50));
+    onError(createCompilerError(49));
   }
   if (options.scopeId && !isModuleMode) {
-    onError(createCompilerError(51));
+    onError(createCompilerError(50));
   }
-  const ast = isString$2(source) ? baseParse(source, options) : source;
+  const resolvedOptions = extend({}, options, {
+    prefixIdentifiers
+  });
+  const ast = isString$2(source) ? baseParse(source, resolvedOptions) : source;
   const [nodeTransforms, directiveTransforms] = getBaseTransformPreset(prefixIdentifiers);
   if (options.isTS) {
     const { expressionPlugins } = options;
@@ -24938,8 +24958,7 @@ function baseCompile(source, options = {}) {
   }
   transform(
     ast,
-    extend({}, options, {
-      prefixIdentifiers,
+    extend({}, resolvedOptions, {
       nodeTransforms: [
         ...nodeTransforms,
         ...options.nodeTransforms || []
@@ -24953,12 +24972,7 @@ function baseCompile(source, options = {}) {
       )
     })
   );
-  return generate(
-    ast,
-    extend({}, options, {
-      prefixIdentifiers
-    })
-  );
+  return generate(ast, resolvedOptions);
 }
 
 const BindingTypes = {
@@ -25002,7 +25016,7 @@ registerRuntimeHelpers({
 const parserOptions = {
   parseMode: "html",
   isVoidTag,
-  isNativeTag: (tag) => isHTMLTag(tag) || isSVGTag(tag),
+  isNativeTag: (tag) => isHTMLTag(tag) || isSVGTag(tag) || isMathMLTag(tag),
   isPreTag: (tag) => tag === "pre",
   decodeEntities: void 0,
   isBuiltInComponent: (tag) => {
@@ -25814,6 +25828,7 @@ var CompilerDOM = /*#__PURE__*/Object.freeze({
   transformOn: transformOn$1,
   transformStyle: transformStyle,
   traverseNode: traverseNode,
+  unwrapTSNode: unwrapTSNode,
   walkBlockDeclarations: walkBlockDeclarations,
   walkFunctionParams: walkFunctionParams,
   walkIdentifiers: walkIdentifiers,
@@ -26086,13 +26101,6 @@ function concatStrings(strs) {
 function isLiteralNode(node) {
   return node.type.endsWith("Literal");
 }
-function unwrapTSNode(node) {
-  if (TS_NODE_TYPES.includes(node.type)) {
-    return unwrapTSNode(node.expression);
-  } else {
-    return node;
-  }
-}
 function isCallOf(node, test) {
   return !!(node && test && node.type === "CallExpression" && node.callee.type === "Identifier" && (typeof test === "string" ? node.callee.name === test : test(node.callee.name)));
 }
@@ -45525,10 +45533,118 @@ class MagicString {
 	}
 }
 
+var _a, _b;
+class ScriptCompileContext {
+  constructor(descriptor, options) {
+    this.descriptor = descriptor;
+    this.options = options;
+    this.isCE = false;
+    this.source = this.descriptor.source;
+    this.filename = this.descriptor.filename;
+    this.s = new MagicString(this.source);
+    this.startOffset = (_a = this.descriptor.scriptSetup) == null ? void 0 : _a.loc.start.offset;
+    this.endOffset = (_b = this.descriptor.scriptSetup) == null ? void 0 : _b.loc.end.offset;
+    this.userImports = /* @__PURE__ */ Object.create(null);
+    // macros presence check
+    this.hasDefinePropsCall = false;
+    this.hasDefineEmitCall = false;
+    this.hasDefineExposeCall = false;
+    this.hasDefaultExportName = false;
+    this.hasDefaultExportRender = false;
+    this.hasDefineOptionsCall = false;
+    this.hasDefineSlotsCall = false;
+    this.hasDefineModelCall = false;
+    this.propsDestructuredBindings = /* @__PURE__ */ Object.create(null);
+    // defineModel
+    this.modelDecls = /* @__PURE__ */ Object.create(null);
+    // codegen
+    this.bindingMetadata = {};
+    this.helperImports = /* @__PURE__ */ new Set();
+    const { script, scriptSetup } = descriptor;
+    const scriptLang = script && script.lang;
+    const scriptSetupLang = scriptSetup && scriptSetup.lang;
+    this.isJS = scriptLang === "js" || scriptLang === "jsx" || scriptSetupLang === "js" || scriptSetupLang === "jsx";
+    this.isTS = scriptLang === "ts" || scriptLang === "tsx" || scriptSetupLang === "ts" || scriptSetupLang === "tsx";
+    const customElement = options.customElement;
+    const filename = this.descriptor.filename;
+    if (customElement) {
+      this.isCE = typeof customElement === "boolean" ? customElement : customElement(filename);
+    }
+    const plugins = resolveParserPlugins(
+      scriptLang || scriptSetupLang,
+      options.babelParserPlugins
+    );
+    function parse(input, offset) {
+      try {
+        return parse_1$1(input, {
+          plugins,
+          sourceType: "module"
+        }).program;
+      } catch (e) {
+        e.message = `[vue/compiler-sfc] ${e.message}
+
+${descriptor.filename}
+${generateCodeFrame(
+          descriptor.source,
+          e.pos + offset,
+          e.pos + offset + 1
+        )}`;
+        throw e;
+      }
+    }
+    this.scriptAst = descriptor.script && parse(descriptor.script.content, descriptor.script.loc.start.offset);
+    this.scriptSetupAst = descriptor.scriptSetup && parse(descriptor.scriptSetup.content, this.startOffset);
+  }
+  helper(key) {
+    this.helperImports.add(key);
+    return `_${key}`;
+  }
+  getString(node, scriptSetup = true) {
+    const block = scriptSetup ? this.descriptor.scriptSetup : this.descriptor.script;
+    return block.content.slice(node.start, node.end);
+  }
+  error(msg, node, scope) {
+    const offset = scope ? scope.offset : this.startOffset;
+    throw new Error(
+      `[@vue/compiler-sfc] ${msg}
+
+${(scope || this.descriptor).filename}
+${generateCodeFrame(
+        (scope || this.descriptor).source,
+        node.start + offset,
+        node.end + offset
+      )}`
+    );
+  }
+}
+function resolveParserPlugins(lang, userPlugins, dts = false) {
+  const plugins = [];
+  if (!userPlugins || !userPlugins.some(
+    (p) => p === "importAssertions" || p === "importAttributes" || isArray$3(p) && p[0] === "importAttributes"
+  )) {
+    plugins.push("importAttributes");
+  }
+  if (lang === "jsx" || lang === "tsx") {
+    plugins.push("jsx");
+  } else if (userPlugins) {
+    userPlugins = userPlugins.filter((p) => p !== "jsx");
+  }
+  if (lang === "ts" || lang === "tsx") {
+    plugins.push(["typescript", { dts }], "explicitResourceManagement");
+    if (!userPlugins || !userPlugins.includes("decorators")) {
+      plugins.push("decorators-legacy");
+    }
+  }
+  if (userPlugins) {
+    plugins.push(...userPlugins);
+  }
+  return plugins;
+}
+
 function rewriteDefault(input, as, parserPlugins) {
   const ast = parse_1$1(input, {
     sourceType: "module",
-    plugins: parserPlugins
+    plugins: resolveParserPlugins("js", parserPlugins)
   }).program.body;
   const s = new MagicString(input);
   rewriteDefaultAST(ast, s, as);
@@ -45680,103 +45796,6 @@ export default ${defaultVar}`;
   }
 }
 
-var _a, _b;
-class ScriptCompileContext {
-  constructor(descriptor, options) {
-    this.descriptor = descriptor;
-    this.options = options;
-    this.source = this.descriptor.source;
-    this.filename = this.descriptor.filename;
-    this.s = new MagicString(this.source);
-    this.startOffset = (_a = this.descriptor.scriptSetup) == null ? void 0 : _a.loc.start.offset;
-    this.endOffset = (_b = this.descriptor.scriptSetup) == null ? void 0 : _b.loc.end.offset;
-    this.userImports = /* @__PURE__ */ Object.create(null);
-    // macros presence check
-    this.hasDefinePropsCall = false;
-    this.hasDefineEmitCall = false;
-    this.hasDefineExposeCall = false;
-    this.hasDefaultExportName = false;
-    this.hasDefaultExportRender = false;
-    this.hasDefineOptionsCall = false;
-    this.hasDefineSlotsCall = false;
-    this.hasDefineModelCall = false;
-    this.propsDestructuredBindings = /* @__PURE__ */ Object.create(null);
-    // defineModel
-    this.modelDecls = /* @__PURE__ */ Object.create(null);
-    // codegen
-    this.bindingMetadata = {};
-    this.helperImports = /* @__PURE__ */ new Set();
-    const { script, scriptSetup } = descriptor;
-    const scriptLang = script && script.lang;
-    const scriptSetupLang = scriptSetup && scriptSetup.lang;
-    this.isJS = scriptLang === "js" || scriptLang === "jsx" || scriptSetupLang === "js" || scriptSetupLang === "jsx";
-    this.isTS = scriptLang === "ts" || scriptLang === "tsx" || scriptSetupLang === "ts" || scriptSetupLang === "tsx";
-    const plugins = resolveParserPlugins(
-      scriptLang || scriptSetupLang,
-      options.babelParserPlugins
-    );
-    function parse(input, offset) {
-      try {
-        return parse_1$1(input, {
-          plugins,
-          sourceType: "module"
-        }).program;
-      } catch (e) {
-        e.message = `[vue/compiler-sfc] ${e.message}
-
-${descriptor.filename}
-${generateCodeFrame(
-          descriptor.source,
-          e.pos + offset,
-          e.pos + offset + 1
-        )}`;
-        throw e;
-      }
-    }
-    this.scriptAst = descriptor.script && parse(descriptor.script.content, descriptor.script.loc.start.offset);
-    this.scriptSetupAst = descriptor.scriptSetup && parse(descriptor.scriptSetup.content, this.startOffset);
-  }
-  helper(key) {
-    this.helperImports.add(key);
-    return `_${key}`;
-  }
-  getString(node, scriptSetup = true) {
-    const block = scriptSetup ? this.descriptor.scriptSetup : this.descriptor.script;
-    return block.content.slice(node.start, node.end);
-  }
-  error(msg, node, scope) {
-    const offset = scope ? scope.offset : this.startOffset;
-    throw new Error(
-      `[@vue/compiler-sfc] ${msg}
-
-${(scope || this.descriptor).filename}
-${generateCodeFrame(
-        (scope || this.descriptor).source,
-        node.start + offset,
-        node.end + offset
-      )}`
-    );
-  }
-}
-function resolveParserPlugins(lang, userPlugins, dts = false) {
-  const plugins = [];
-  if (lang === "jsx" || lang === "tsx") {
-    plugins.push("jsx");
-  } else if (userPlugins) {
-    userPlugins = userPlugins.filter((p) => p !== "jsx");
-  }
-  if (lang === "ts" || lang === "tsx") {
-    plugins.push(["typescript", { dts }]);
-    if (!userPlugins || !userPlugins.includes("decorators")) {
-      plugins.push("decorators-legacy");
-    }
-  }
-  if (userPlugins) {
-    plugins.push(...userPlugins);
-  }
-  return plugins;
-}
-
 var __defProp$1 = Object.defineProperty;
 var __defProps$1 = Object.defineProperties;
 var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
@@ -46759,6 +46778,7 @@ function inferRuntimeType(ctx, node, scope = node._ownerScope || ctxToScope(ctx)
             scope
           );
         }
+        break;
       case "TSMethodSignature":
       case "TSFunctionType":
         return ["Function"];
@@ -47023,17 +47043,6 @@ function processDefineModel(ctx, node, declId) {
   if (!isCallOf(node, DEFINE_MODEL)) {
     return false;
   }
-  if (!ctx.options.defineModel) {
-    warnOnce$3(
-      `defineModel() is an experimental feature and disabled by default.
-To enable it, follow the RFC at https://github.com/vuejs/rfcs/discussions/503.`
-    );
-    return false;
-  }
-  warnOnce$3(
-    `This project is using defineModel(), which is an experimental feature. It may receive breaking changes or be removed in the future, so use at your own risk.
-To stay updated, follow the RFC at https://github.com/vuejs/rfcs/discussions/503.`
-  );
   ctx.hasDefineModelCall = true;
   const type = node.typeParameters && node.typeParameters.params[0] || void 0;
   let modelName;
@@ -47300,6 +47309,15 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
       defaultString
     ])} }`;
   } else {
+    if (ctx.isCE) {
+      if (defaultString) {
+        return `${finalKey}: ${`{ ${defaultString}, type: ${toRuntimeTypeString(
+          type
+        )} }`}`;
+      } else {
+        return `${finalKey}: {type: ${toRuntimeTypeString(type)}}`;
+      }
+    }
     return `${finalKey}: ${defaultString ? `{ ${defaultString} }` : `{}`}`;
   }
 }
@@ -47494,7 +47512,7 @@ function transformDestructuredProps(ctx, vueImportAliases) {
   }
   const ast = ctx.scriptSetupAst;
   walkScope(ast, true);
-  walk$1(ast, {
+  walk$2(ast, {
     enter(node, parent) {
       parent && parentStack.push(parent);
       if (parent && parent.type.startsWith("TS") && parent.type !== "TSAsExpression" && parent.type !== "TSNonNullExpression" && parent.type !== "TSTypeAssertion") {
@@ -48065,7 +48083,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
     }
     if (node.type === "VariableDeclaration" && !node.declare || node.type.endsWith("Statement")) {
       const scope = [scriptSetupAst.body];
-      walk$1(node, {
+      walk$2(node, {
         enter(child, parent) {
           if (isFunctionType(child)) {
             this.skip();
@@ -48526,9 +48544,9 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.4.0-alpha.4";
+const version = "3.4.0-beta.2";
 const parseCache = parseCache$1;
-const walk = walk$1;
+const walk = walk$2;
 const shouldTransformRef = () => false;
 
 export { MagicString, parse_1$1 as babelParse, compileScript, compileStyle, compileStyleAsync, compileTemplate, extractIdentifiers$1 as extractIdentifiers, extractRuntimeEmits, extractRuntimeProps, generateCodeFrame, inferRuntimeType, invalidateTypeCache, isInDestructureAssignment, isStaticProperty, parse$7 as parse, parseCache, registerTS, resolveTypeElements, rewriteDefault, rewriteDefaultAST, shouldTransformRef, version, walk, walkIdentifiers };