@vue/compiler-sfc 3.3.0-alpha.2 → 3.3.0-alpha.4

package/dist/compiler-sfc.cjs.js

@@ -1075,7 +1075,7 @@ const createAssetUrlTransformWithOptions = (options) => {
   return (node, context) => transformAssetUrl(node, context, options);
 };
 const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
-  if (node.type === "element") {
+  if (node.type === 1) {
     if (!node.props.length) {
       return;
     }
@@ -1165,7 +1165,7 @@ const createSrcsetTransformWithOptions = (options) => {
   return (node, context) => transformSrcset(node, context, options);
 };
 const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
-  if (node.type === "element") {
+  if (node.type === 1) {
     if (srcsetTags.includes(node.tag) && node.props.length) {
       node.props.forEach((attr, index) => {
         if (attr.name === "srcset" && attr.type === 6) {
@@ -4879,7 +4879,7 @@ function resolveTemplateUsageCheckString(sfc) {
   CompilerDOM.transform(CompilerDOM.createRoot([ast]), {
     nodeTransforms: [
       (node) => {
-        if (node.type === "element") {
+        if (node.type === 1) {
           if (!CompilerDOM.parserOptions.isNativeTag(node.tag) && !CompilerDOM.parserOptions.isBuiltInComponent(node.tag)) {
             code += `,${shared.camelize(node.tag)},${shared.capitalize(shared.camelize(node.tag))}`;
           }
@@ -5020,7 +5020,7 @@ function parse$2(source, {
     }
   });
   ast.children.forEach((node) => {
-    if (node.type !== "element") {
+    if (node.type !== 1) {
       return;
     }
     if (ignoreEmpty && node.tag !== "template" && isEmpty(node) && !hasSrc(node)) {
@@ -5243,7 +5243,7 @@ function hasSrc(node) {
 function isEmpty(node) {
   for (let i = 0; i < node.children.length; i++) {
     const child = node.children[i];
-    if (child.type !== "text" || child.content.trim() !== "") {
+    if (child.type !== 2 || child.content.trim() !== "") {
       return false;
     }
   }

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

@@ -15149,16 +15149,16 @@ function hasDynamicKeyVBind(node) {
   );
 }
 function isText$1(node) {
-  return node.type === 5 || node.type === "text";
+  return node.type === 5 || node.type === 2;
 }
 function isVSlot(p) {
   return p.type === 7 && p.name === "slot";
 }
 function isTemplateNode(node) {
-  return node.type === "element" && node.tagType === 3;
+  return node.type === 1 && node.tagType === 3;
 }
 function isSlotOutlet(node) {
-  return node.type === "element" && node.tagType === 2;
+  return node.type === 1 && node.tagType === 2;
 }
 function getVNodeHelper(ssr, isComponent) {
   return ssr || isComponent ? CREATE_VNODE : CREATE_ELEMENT_VNODE;
@@ -15257,7 +15257,7 @@ function hasScopeRef(node, ids) {
     return false;
   }
   switch (node.type) {
-    case "element":
+    case 1:
       for (let i = 0; i < node.props.length; i++) {
         const p = node.props[i];
         if (p.type === 7 && (hasScopeRef(p.arg, ids) || hasScopeRef(p.exp, ids))) {
@@ -15284,8 +15284,8 @@ function hasScopeRef(node, ids) {
     case 5:
     case 12:
       return hasScopeRef(node.content, ids);
-    case "text":
-    case "comment":
+    case 2:
+    case 3:
       return false;
     default:
       return false;
@@ -15503,12 +15503,12 @@ function parseChildren(context, mode, ancestors) {
     const shouldCondense = context.options.whitespace !== "preserve";
     for (let i = 0; i < nodes.length; i++) {
       const node = nodes[i];
-      if (node.type === "text") {
+      if (node.type === 2) {
         if (!context.inPre) {
           if (!/[^\t\r\n\f ]/.test(node.content)) {
             const prev = nodes[i - 1];
             const next = nodes[i + 1];
-            if (!prev || !next || shouldCondense && (prev.type === "comment" && next.type === "comment" || prev.type === "comment" && next.type === "element" || prev.type === "element" && next.type === "comment" || prev.type === "element" && next.type === "element" && /[\r\n]/.test(node.content))) {
+            if (!prev || !next || shouldCondense && (prev.type === 3 && next.type === 3 || prev.type === 3 && next.type === 1 || prev.type === 1 && next.type === 3 || prev.type === 1 && next.type === 1 && /[\r\n]/.test(node.content))) {
               removedWhitespace = true;
               nodes[i] = null;
             } else {
@@ -15520,14 +15520,14 @@ function parseChildren(context, mode, ancestors) {
         } else {
           node.content = node.content.replace(/\r\n/g, "\n");
         }
-      } else if (node.type === "comment" && !context.options.comments) {
+      } else if (node.type === 3 && !context.options.comments) {
         removedWhitespace = true;
         nodes[i] = null;
       }
     }
     if (context.inPre && parent && context.options.isPreTag(parent.tag)) {
       const first = nodes[0];
-      if (first && first.type === "text") {
+      if (first && first.type === 2) {
         first.content = first.content.replace(/^\r?\n/, "");
       }
     }
@@ -15535,9 +15535,9 @@ function parseChildren(context, mode, ancestors) {
   return removedWhitespace ? nodes.filter(Boolean) : nodes;
 }
 function pushNode(nodes, node) {
-  if (node.type === "text") {
+  if (node.type === 2) {
     const prev = last(nodes);
-    if (prev && prev.type === "text" && prev.loc.end.offset === node.loc.start.offset) {
+    if (prev && prev.type === 2 && prev.loc.end.offset === node.loc.start.offset) {
       prev.content += node.content;
       prev.loc.end = node.loc.end;
       prev.loc.source += node.loc.source;
@@ -15584,7 +15584,7 @@ function parseComment(context) {
     advanceBy(context, match.index + match[0].length - prevIndex + 1);
   }
   return {
-    type: "comment",
+    type: 3,
     content,
     loc: getSelection(context, start)
   };
@@ -15602,7 +15602,7 @@ function parseBogusComment(context) {
     advanceBy(context, closeIndex + 1);
   }
   return {
-    type: "comment",
+    type: 3,
     content,
     loc: getSelection(context, start)
   };
@@ -15703,7 +15703,7 @@ function parseTag(context, type, parent) {
     }
   }
   return {
-    type: "element",
+    type: 1,
     ns,
     tag,
     tagType,
@@ -15881,7 +15881,7 @@ function parseAttribute(context, nameSet) {
     type: 6,
     name,
     value: value && {
-      type: "text",
+      type: 2,
       content: value.content,
       loc: value.loc
     },
@@ -15971,7 +15971,7 @@ function parseText(context, mode) {
   const start = getCursor(context);
   const content = parseTextData(context, endIndex, mode);
   return {
-    type: "text",
+    type: 2,
     content,
     loc: getSelection(context, start)
   };
@@ -16080,7 +16080,7 @@ function hoistStatic(root, context) {
 }
 function isSingleElementRoot(root, child) {
   const { children } = root;
-  return children.length === 1 && child.type === "element" && !isSlotOutlet(child);
+  return children.length === 1 && child.type === 1 && !isSlotOutlet(child);
 }
 function walk$2(node, context, doNotHoistNode = false) {
   const { children } = node;
@@ -16088,7 +16088,7 @@ function walk$2(node, context, doNotHoistNode = false) {
   let hoistedCount = 0;
   for (let i = 0; i < children.length; i++) {
     const child = children[i];
-    if (child.type === "element" && child.tagType === 0) {
+    if (child.type === 1 && child.tagType === 0) {
       const constantType = doNotHoistNode ? 0 : getConstantType(child, context);
       if (constantType > 0) {
         if (constantType >= 2) {
@@ -16113,7 +16113,7 @@ function walk$2(node, context, doNotHoistNode = false) {
         }
       }
     }
-    if (child.type === "element") {
+    if (child.type === 1) {
       const isComponent = child.tagType === 1;
       if (isComponent) {
         context.scopes.vSlot++;
@@ -16137,7 +16137,7 @@ function walk$2(node, context, doNotHoistNode = false) {
   if (hoistedCount && context.transformHoist) {
     context.transformHoist(children, context, node);
   }
-  if (hoistedCount && hoistedCount === originalCount && node.type === "element" && node.tagType === 0 && node.codegenNode && node.codegenNode.type === 13 && isArray$3(node.codegenNode.children)) {
+  if (hoistedCount && hoistedCount === originalCount && node.type === 1 && node.tagType === 0 && node.codegenNode && node.codegenNode.type === 13 && isArray$3(node.codegenNode.children)) {
     node.codegenNode.children = context.hoist(
       createArrayExpression(node.codegenNode.children)
     );
@@ -16146,7 +16146,7 @@ function walk$2(node, context, doNotHoistNode = false) {
 function getConstantType(node, context) {
   const { constantCache } = context;
   switch (node.type) {
-    case "element":
+    case 1:
       if (node.tagType !== 0) {
         return 0;
       }
@@ -16218,8 +16218,8 @@ function getConstantType(node, context) {
         constantCache.set(node, 0);
         return 0;
       }
-    case "text":
-    case "comment":
+    case 2:
+    case 3:
       return 3;
     case 9:
     case 11:
@@ -16515,7 +16515,7 @@ function createRootCodegen(root, context) {
   } else if (children.length > 1) {
     let patchFlag = 64;
     let patchFlagText = PatchFlagNames[64];
-    if (children.filter((c) => c.type !== "comment").length === 1) {
+    if (children.filter((c) => c.type !== 3).length === 1) {
       patchFlag |= 2048;
       patchFlagText += `, ${PatchFlagNames[2048]}`;
     }
@@ -16569,7 +16569,7 @@ function traverseNode(node, context) {
     }
   }
   switch (node.type) {
-    case "comment":
+    case 3:
       if (!context.ssr) {
         context.helper(CREATE_COMMENT);
       }
@@ -16586,7 +16586,7 @@ function traverseNode(node, context) {
       break;
     case 10:
     case 11:
-    case "element":
+    case 1:
     case 0:
       traverseChildren(node, context);
       break;
@@ -16600,7 +16600,7 @@ function traverseNode(node, context) {
 function createStructuralDirectiveTransform(name, fn) {
   const matches = isString$2(name) ? (n) => n === name : (n) => name.test(n);
   return (node, context) => {
-    if (node.type === "element") {
+    if (node.type === 1) {
       const { props } = node;
       if (node.tagType === 3 && props.some(isVSlot)) {
         return;
@@ -20121,7 +20121,7 @@ function genImports(importsOptions, context) {
   });
 }
 function isText(n) {
-  return isString$2(n) || n.type === 4 || n.type === "text" || n.type === 5 || n.type === 8;
+  return isString$2(n) || n.type === 4 || n.type === 2 || n.type === 5 || n.type === 8;
 }
 function genNodeListAsArray(nodes, context) {
   const multilines = nodes.length > 3 || nodes.some((n) => isArray$3(n) || !isText(n));
@@ -20162,7 +20162,7 @@ function genNode(node, context) {
     return;
   }
   switch (node.type) {
-    case "element":
+    case 1:
     case 9:
     case 11:
       assert(
@@ -20171,7 +20171,7 @@ function genNode(node, context) {
       );
       genNode(node.codegenNode, context);
       break;
-    case "text":
+    case 2:
       genText(node, context);
       break;
     case 4:
@@ -20186,7 +20186,7 @@ function genNode(node, context) {
     case 8:
       genCompoundExpression(node, context);
       break;
-    case "comment":
+    case 3:
       genComment(node, context);
       break;
     case 13:
@@ -20964,7 +20964,7 @@ const transformExpression = (node, context) => {
       node.content,
       context
     );
-  } else if (node.type === "element") {
+  } else if (node.type === 1) {
     for (let i = 0; i < node.props.length; i++) {
       const dir = node.props[i];
       if (dir.type === 7 && dir.name !== "for") {
@@ -21227,12 +21227,12 @@ function processIf(node, dir, context, processCodegen) {
     let i = siblings.indexOf(node);
     while (i-- >= -1) {
       const sibling = siblings[i];
-      if (sibling && sibling.type === "comment") {
+      if (sibling && sibling.type === 3) {
         context.removeNode(sibling);
         comments.unshift(sibling);
         continue;
       }
-      if (sibling && sibling.type === "text" && !sibling.content.trim().length) {
+      if (sibling && sibling.type === 2 && !sibling.content.trim().length) {
         context.removeNode(sibling);
         continue;
       }
@@ -21245,7 +21245,7 @@ function processIf(node, dir, context, processCodegen) {
         context.removeNode();
         const branch = createIfBranch(node, dir);
         if (comments.length && // #3619 ignore comments if the v-if is direct child of <transition>
-        !(context.parent && context.parent.type === "element" && isBuiltInType(context.parent.tag, "transition"))) {
+        !(context.parent && context.parent.type === 1 && isBuiltInType(context.parent.tag, "transition"))) {
           branch.children = [...comments, ...branch.children];
         }
         {
@@ -21318,7 +21318,7 @@ function createChildrenCodegenNode(branch, keyIndex, context) {
   );
   const { children } = branch;
   const firstChild = children[0];
-  const needFragmentWrapper = children.length !== 1 || firstChild.type !== "element";
+  const needFragmentWrapper = children.length !== 1 || firstChild.type !== 1;
   if (needFragmentWrapper) {
     if (children.length === 1 && firstChild.type === 11) {
       const vnodeCall = firstChild.codegenNode;
@@ -21327,7 +21327,7 @@ function createChildrenCodegenNode(branch, keyIndex, context) {
     } else {
       let patchFlag = 64;
       let patchFlagText = PatchFlagNames[64];
-      if (!branch.isTemplateIf && children.filter((c) => c.type !== "comment").length === 1) {
+      if (!branch.isTemplateIf && children.filter((c) => c.type !== 3).length === 1) {
         patchFlag |= 2048;
         patchFlagText += `, ${PatchFlagNames[2048]}`;
       }
@@ -21436,7 +21436,7 @@ const transformFor = createStructuralDirectiveTransform(
         const { children } = forNode;
         if (isTemplate) {
           node.children.some((c) => {
-            if (c.type === "element") {
+            if (c.type === 1) {
               const key = findProp(c, "key");
               if (key) {
                 context.onError(
@@ -21450,7 +21450,7 @@ const transformFor = createStructuralDirectiveTransform(
             }
           });
         }
-        const needFragmentWrapper = children.length !== 1 || children[0].type !== "element";
+        const needFragmentWrapper = children.length !== 1 || children[0].type !== 1;
         const slotOutlet = isSlotOutlet(node) ? node : isTemplate && node.children.length === 1 && isSlotOutlet(node.children[0]) ? node.children[0] : null;
         if (slotOutlet) {
           childBlock = slotOutlet.codegenNode;
@@ -21670,7 +21670,7 @@ function createParamsList(args) {
 
 const defaultFallback = createSimpleExpression(`undefined`, false);
 const trackSlotScopes = (node, context) => {
-  if (node.type === "element" && (node.tagType === 1 || node.tagType === 3)) {
+  if (node.type === 1 && (node.tagType === 1 || node.tagType === 3)) {
     const vSlot = findDir(node, "slot");
     if (vSlot) {
       const slotProps = vSlot.exp;
@@ -21746,7 +21746,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
     const slotElement = children[i];
     let slotDir;
     if (!isTemplateNode(slotElement) || !(slotDir = findDir(slotElement, "slot", true))) {
-      if (slotElement.type !== "comment") {
+      if (slotElement.type !== 3) {
         implicitDefaultChildren.push(slotElement);
       }
       continue;
@@ -21793,7 +21793,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
       let prev;
       while (j--) {
         prev = children[j];
-        if (prev.type !== "comment") {
+        if (prev.type !== 3) {
           break;
         }
       }
@@ -21924,7 +21924,7 @@ function hasForwardedSlots(children) {
   for (let i = 0; i < children.length; i++) {
     const child = children[i];
     switch (child.type) {
-      case "element":
+      case 1:
         if (child.tagType === 2 || hasForwardedSlots(child.children)) {
           return true;
         }
@@ -21943,16 +21943,16 @@ function hasForwardedSlots(children) {
   return false;
 }
 function isNonWhitespaceContent(node) {
-  if (node.type !== "text" && node.type !== 12)
+  if (node.type !== 2 && node.type !== 12)
     return true;
-  return node.type === "text" ? !!node.content.trim() : isNonWhitespaceContent(node.content);
+  return node.type === 2 ? !!node.content.trim() : isNonWhitespaceContent(node.content);
 }
 
 const directiveImportMap = /* @__PURE__ */ new WeakMap();
 const transformElement = (node, context) => {
   return function postTransformElement() {
     node = context.currentNode;
-    if (!(node.type === "element" && (node.tagType === 0 || node.tagType === 1))) {
+    if (!(node.type === 1 && (node.tagType === 0 || node.tagType === 1))) {
       return;
     }
     const { tag, props } = node;
@@ -22023,7 +22023,7 @@ const transformElement = (node, context) => {
         if (hasDynamicTextChild && getConstantType(child, context) === 0) {
           patchFlag |= 1;
         }
-        if (hasDynamicTextChild || type === "text") {
+        if (hasDynamicTextChild || type === 2) {
           vnodeChildren = child;
         } else {
           vnodeChildren = node.children;
@@ -22756,7 +22756,7 @@ const injectPrefix = (arg, prefix) => {
 };
 
 const transformText = (node, context) => {
-  if (node.type === 0 || node.type === "element" || node.type === 11 || node.type === 10) {
+  if (node.type === 0 || node.type === 1 || node.type === 11 || node.type === 10) {
     return () => {
       const children = node.children;
       let currentContainer = void 0;
@@ -22788,7 +22788,7 @@ const transformText = (node, context) => {
       // as-is since the runtime has dedicated fast path for this by directly
       // setting textContent of the element.
       // for component root it's always normalized anyway.
-      children.length === 1 && (node.type === 0 || node.type === "element" && node.tagType === 0 && // #3756
+      children.length === 1 && (node.type === 0 || node.type === 1 && node.tagType === 0 && // #3756
       // custom directives can potentially add DOM elements arbitrarily,
       // we need to avoid setting textContent of the element at runtime
       // to avoid accidentally overwriting the DOM elements added
@@ -22805,7 +22805,7 @@ const transformText = (node, context) => {
         const child = children[i];
         if (isText$1(child) || child.type === 8) {
           const callArgs = [];
-          if (child.type !== "text" || child.content !== " ") {
+          if (child.type !== 2 || child.content !== " ") {
             callArgs.push(child);
           }
           if (!context.ssr && getConstantType(child, context) === 0) {
@@ -22830,7 +22830,7 @@ const transformText = (node, context) => {
 
 const seen$1 = /* @__PURE__ */ new WeakSet();
 const transformOnce = (node, context) => {
-  if (node.type === "element" && findDir(node, "once", true)) {
+  if (node.type === 1 && findDir(node, "once", true)) {
     if (seen$1.has(node) || context.inVOnce) {
       return;
     }
@@ -22937,7 +22937,7 @@ function createTransformProps(props = []) {
 
 const seen = /* @__PURE__ */ new WeakSet();
 const transformMemo = (node, context) => {
-  if (node.type === "element") {
+  if (node.type === 1) {
     const dir = findDir(node, "memo");
     if (!dir || seen.has(node)) {
       return;
@@ -25454,7 +25454,7 @@ const parserOptions = {
 };
 
 const transformStyle = (node) => {
-  if (node.type === "element") {
+  if (node.type === 1) {
     node.props.forEach((p, i) => {
       if (p.type === 6 && p.name === "style" && p.value) {
         node.props[i] = {
@@ -25738,7 +25738,7 @@ const transformShow = (dir, node, context) => {
 };
 
 const transformTransition = (node, context) => {
-  if (node.type === "element" && node.tagType === 1) {
+  if (node.type === 1 && node.tagType === 1) {
     const component = context.isBuiltInComponent(node.tag);
     if (component === TRANSITION) {
       return () => {
@@ -25758,7 +25758,7 @@ const transformTransition = (node, context) => {
           );
         }
         const child = node.children[0];
-        if (child.type === "element") {
+        if (child.type === 1) {
           for (const p of child.props) {
             if (p.type === 7 && p.name === "show") {
               node.props.push({
@@ -25776,7 +25776,7 @@ const transformTransition = (node, context) => {
 };
 function hasMultipleChildren(node) {
   const children = node.children = node.children.filter(
-    (c) => c.type !== "comment" && !(c.type === "text" && !c.content.trim())
+    (c) => c.type !== 3 && !(c.type === 2 && !c.content.trim())
   );
   const child = children[0];
   return children.length !== 1 || child.type === 11 || child.type === 9 && child.branches.some(hasMultipleChildren);
@@ -25833,7 +25833,7 @@ const stringifyStatic = (children, context, parent) => {
   }
   stringifyCurrentChunk(i);
 };
-const getHoistedNode = (node) => (node.type === "element" && node.tagType === 0 || node.type == 12) && node.codegenNode && node.codegenNode.type === 4 && node.codegenNode.hoisted;
+const getHoistedNode = (node) => (node.type === 1 && node.tagType === 0 || node.type == 12) && node.codegenNode && node.codegenNode.type === 4 && node.codegenNode.hoisted;
 const dataAriaRE = /^(data|aria)-/;
 const isStringifiableAttr = (name, ns) => {
   return (ns === 0 ? isKnownHtmlAttr(name) : ns === 1 ? isKnownSvgAttr(name) : false) || dataAriaRE.test(name);
@@ -25846,7 +25846,7 @@ const isNonStringifiable = /* @__PURE__ */ makeMap(
   `caption,thead,tr,th,tbody,td,tfoot,colgroup,col`
 );
 function analyzeNode(node) {
-  if (node.type === "element" && isNonStringifiable(node.tag)) {
+  if (node.type === 1 && isNonStringifiable(node.tag)) {
     return false;
   }
   if (node.type === 12) {
@@ -25877,7 +25877,7 @@ function analyzeNode(node) {
     for (let i = 0; i < node2.children.length; i++) {
       nc++;
       const child = node2.children[i];
-      if (child.type === "element") {
+      if (child.type === 1) {
         if (child.props.length > 0) {
           ec++;
         }
@@ -25899,11 +25899,11 @@ function stringifyNode(node, context) {
     return ``;
   }
   switch (node.type) {
-    case "element":
+    case 1:
       return stringifyElement(node, context);
-    case "text":
+    case 2:
       return escapeHtml(node.content);
-    case "comment":
+    case 3:
       return `<!--${escapeHtml(node.content)}-->`;
     case 5:
       return escapeHtml(toDisplayString(evaluateConstant(node.content)));
@@ -25981,7 +25981,7 @@ function evaluateConstant(exp) {
       if (isString$2(c) || isSymbol$1(c)) {
         return;
       }
-      if (c.type === "text") {
+      if (c.type === 2) {
         res += c.content;
       } else if (c.type === 5) {
         res += toDisplayString(evaluateConstant(c.content));
@@ -25994,7 +25994,7 @@ function evaluateConstant(exp) {
 }
 
 const ignoreSideEffectTags = (node, context) => {
-  if (node.type === "element" && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
+  if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
     context.onError(
       createDOMCompilerError(61, node.loc)
     );
@@ -31937,7 +31937,7 @@ const createAssetUrlTransformWithOptions = (options) => {
   return (node, context) => transformAssetUrl(node, context, options);
 };
 const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
-  if (node.type === "element") {
+  if (node.type === 1) {
     if (!node.props.length) {
       return;
     }
@@ -32027,7 +32027,7 @@ const createSrcsetTransformWithOptions = (options) => {
   return (node, context) => transformSrcset(node, context, options);
 };
 const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
-  if (node.type === "element") {
+  if (node.type === 1) {
     if (srcsetTags.includes(node.tag) && node.props.length) {
       node.props.forEach((attr, index) => {
         if (attr.name === "srcset" && attr.type === 6) {
@@ -32216,7 +32216,7 @@ function ssrProcessIf(node, context, disableNestedFragments = false) {
 }
 function processIfBranch(branch, context, disableNestedFragments = false) {
   const { children } = branch;
-  const needFragmentWrapper = !disableNestedFragments && (children.length !== 1 || children[0].type !== "element") && // optimize away nested fragments when the only child is a ForNode
+  const needFragmentWrapper = !disableNestedFragments && (children.length !== 1 || children[0].type !== 1) && // optimize away nested fragments when the only child is a ForNode
   !(children.length === 1 && children[0].type === 11);
   return processChildrenAsStatement(branch, context, needFragmentWrapper);
 }
@@ -32226,7 +32226,7 @@ const ssrTransformFor = createStructuralDirectiveTransform(
   processFor
 );
 function ssrProcessFor(node, context, disableNestedFragments = false) {
-  const needFragmentWrapper = !disableNestedFragments && (node.children.length !== 1 || node.children[0].type !== "element");
+  const needFragmentWrapper = !disableNestedFragments && (node.children.length !== 1 || node.children[0].type !== 1);
   const renderLoop = createFunctionExpression(
     createForLoopParams(node.parseResult)
   );
@@ -32266,7 +32266,7 @@ const ssrTransformSlotOutlet = (node, context) => {
     }
     let method = SSR_RENDER_SLOT;
     const parent = context.parent;
-    if (parent && parent.type === "element" && parent.tagType === 1 && resolveComponentType(parent, context, true) === TRANSITION && parent.children.filter((c) => c.type === "element").length === 1) {
+    if (parent && parent.type === 1 && parent.tagType === 1 && resolveComponentType(parent, context, true) === TRANSITION && parent.children.filter((c) => c.type === 1).length === 1) {
       method = SSR_RENDER_SLOT_INNER;
       if (!(context.scopeId && context.slotted !== false)) {
         args.push("null");
@@ -32402,7 +32402,7 @@ function ssrProcessSuspense(node, context) {
 
 const rawChildrenMap = /* @__PURE__ */ new WeakMap();
 const ssrTransformElement = (node, context) => {
-  if (node.type !== "element" || node.tagType !== 0) {
+  if (node.type !== 1 || node.tagType !== 0) {
     return;
   }
   return function ssrPostTransformElement() {
@@ -32780,7 +32780,7 @@ const wipMap = /* @__PURE__ */ new WeakMap();
 const WIP_SLOT = Symbol();
 const componentTypeMap = /* @__PURE__ */ new WeakMap();
 const ssrTransformComponent = (node, context) => {
-  if (node.type !== "element" || node.tagType !== 1) {
+  if (node.type !== 1 || node.tagType !== 1) {
     return;
   }
   const component = resolveComponentType(
@@ -32881,7 +32881,7 @@ function ssrProcessComponent(node, context, parent) {
         context.pushStringPart(``);
       }
       if (component === TRANSITION) {
-        node.children = node.children.filter((c) => c.type !== "comment");
+        node.children = node.children.filter((c) => c.type !== 3);
       }
       processChildren(node, context);
     }
@@ -32928,7 +32928,7 @@ function createVNodeSlotBranch(props, children, parentContext) {
     directiveTransforms: __spreadValues$7(__spreadValues$7({}, vnodeDirectiveTransforms), rawOptions.directiveTransforms || {})
   });
   const wrapperNode = {
-    type: "element",
+    type: 1,
     ns: 0,
     tag: "template",
     tagType: 3,
@@ -33068,7 +33068,7 @@ function processChildren(parent, context, asFragment = false, disableNestedFragm
   for (let i = 0; i < children.length; i++) {
     const child = children[i];
     switch (child.type) {
-      case "element":
+      case 1:
         switch (child.tagType) {
           case 0:
             ssrProcessElement(child, context);
@@ -33092,10 +33092,10 @@ function processChildren(parent, context, asFragment = false, disableNestedFragm
             return exhaustiveCheck2;
         }
         break;
-      case "text":
+      case 2:
         context.pushStringPart(escapeHtml(child.content));
         break;
-      case "comment":
+      case 3:
         context.pushStringPart(`<!--${child.content}-->`);
         break;
       case 5:
@@ -33274,13 +33274,13 @@ const ssrTransformShow = (dir, node, context) => {
   };
 };
 
-const filterChild = (node) => node.children.filter((n) => n.type !== "comment");
+const filterChild = (node) => node.children.filter((n) => n.type !== 3);
 const hasSingleChild = (node) => filterChild(node).length === 1;
 const ssrInjectFallthroughAttrs = (node, context) => {
   if (node.type === 0) {
     context.identifiers._attrs = 1;
   }
-  if (node.type === "element" && node.tagType === 1 && (isBuiltInType(node.tag, "Transition") || isBuiltInType(node.tag, "KeepAlive"))) {
+  if (node.type === 1 && node.tagType === 1 && (isBuiltInType(node.tag, "Transition") || isBuiltInType(node.tag, "KeepAlive"))) {
     const rootChildren = filterChild(context.root);
     if (rootChildren.length === 1 && rootChildren[0] === node) {
       if (hasSingleChild(node)) {
@@ -33296,14 +33296,14 @@ const ssrInjectFallthroughAttrs = (node, context) => {
   if (node.type === 10 && hasSingleChild(node)) {
     let hasEncounteredIf = false;
     for (const c of filterChild(parent)) {
-      if (c.type === 9 || c.type === "element" && findDir(c, "if")) {
+      if (c.type === 9 || c.type === 1 && findDir(c, "if")) {
         if (hasEncounteredIf)
           return;
         hasEncounteredIf = true;
       } else if (
         // node before v-if
         !hasEncounteredIf || // non else nodes
-        !(c.type === "element" && findDir(c, /else/, true))
+        !(c.type === 1 && findDir(c, /else/, true))
       ) {
         return;
       }
@@ -33314,7 +33314,7 @@ const ssrInjectFallthroughAttrs = (node, context) => {
   }
 };
 function injectFallthroughAttrs(node) {
-  if (node.type === "element" && (node.tagType === 0 || node.tagType === 1) && !findDir(node, "for")) {
+  if (node.type === 1 && (node.tagType === 0 || node.tagType === 1) && !findDir(node, "for")) {
     node.props.push({
       type: 7,
       name: "bind",
@@ -33346,10 +33346,10 @@ const ssrInjectCssVars = (node, context) => {
   }
 };
 function injectCssVars(node) {
-  if (node.type === "element" && (node.tagType === 0 || node.tagType === 1) && !findDir(node, "for")) {
+  if (node.type === 1 && (node.tagType === 0 || node.tagType === 1) && !findDir(node, "for")) {
     if (isBuiltInType(node.tag, "Suspense")) {
       for (const child of node.children) {
-        if (child.type === "element" && child.tagType === 3) {
+        if (child.type === 1 && child.tagType === 3) {
           child.children.forEach(injectCssVars);
         } else {
           injectCssVars(child);
@@ -35841,7 +35841,7 @@ function resolveTemplateUsageCheckString(sfc) {
   transform$1(createRoot([ast]), {
     nodeTransforms: [
       (node) => {
-        if (node.type === "element") {
+        if (node.type === 1) {
           if (!parserOptions.isNativeTag(node.tag) && !parserOptions.isBuiltInComponent(node.tag)) {
             code += `,${camelize(node.tag)},${capitalize$1(camelize(node.tag))}`;
           }
@@ -35998,7 +35998,7 @@ function parse$5(source, {
     }
   });
   ast.children.forEach((node) => {
-    if (node.type !== "element") {
+    if (node.type !== 1) {
       return;
     }
     if (ignoreEmpty && node.tag !== "template" && isEmpty(node) && !hasSrc(node)) {
@@ -36221,7 +36221,7 @@ function hasSrc(node) {
 function isEmpty(node) {
   for (let i = 0; i < node.children.length; i++) {
     const child = node.children[i];
-    if (child.type !== "text" || child.content.trim() !== "") {
+    if (child.type !== 2 || child.content.trim() !== "") {
       return false;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.3.0-alpha.2",
+  "version": "3.3.0-alpha.4",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -33,11 +33,11 @@
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-sfc#readme",
   "dependencies": {
     "@babel/parser": "^7.20.15",
-    "@vue/compiler-core": "3.3.0-alpha.2",
-    "@vue/compiler-dom": "3.3.0-alpha.2",
-    "@vue/compiler-ssr": "3.3.0-alpha.2",
-    "@vue/reactivity-transform": "3.3.0-alpha.2",
-    "@vue/shared": "3.3.0-alpha.2",
+    "@vue/compiler-core": "3.3.0-alpha.4",
+    "@vue/compiler-dom": "3.3.0-alpha.4",
+    "@vue/compiler-ssr": "3.3.0-alpha.4",
+    "@vue/reactivity-transform": "3.3.0-alpha.4",
+    "@vue/shared": "3.3.0-alpha.4",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.27.0",
     "source-map": "^0.6.1",