@vue/compiler-ssr 3.4.20 → 3.4.22

package/dist/compiler-ssr.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-ssr v3.4.20
+* @vue/compiler-ssr v3.4.22
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -56,7 +56,7 @@ const ssrTransformIf = compilerDom.createStructuralDirectiveTransform(
   /^(if|else|else-if)$/,
   compilerDom.processIf
 );
-function ssrProcessIf(node, context, disableNestedFragments = false) {
+function ssrProcessIf(node, context, disableNestedFragments = false, disableCommentAsIfAlternate = false) {
   const [rootBranch] = node.branches;
   const ifStatement = compilerDom.createIfStatement(
     rootBranch.condition,
@@ -80,7 +80,7 @@ function ssrProcessIf(node, context, disableNestedFragments = false) {
       currentIf.alternate = branchBlockStatement;
     }
   }
-  if (!currentIf.alternate) {
+  if (!currentIf.alternate && !disableCommentAsIfAlternate) {
     currentIf.alternate = compilerDom.createBlockStatement([
       compilerDom.createCallExpression(`_push`, ["`<!---->`"])
     ]);
@@ -617,6 +617,13 @@ function ssrProcessTransitionGroup(node, context) {
          * be patched using the same key map) so we need to account for that here
          * by disabling nested fragment wrappers from being generated.
          */
+        true,
+        /**
+         * TransitionGroup filters out comment children at runtime and thus
+         * doesn't expect comments to be present during hydration. We need to
+         * account for that by disabling the empty comment that is otherwise
+         * rendered for a falsy v-if that has no v-else specified. (#6715)
+         */
         true
       );
       context.pushStringPart(`</`);
@@ -635,7 +642,7 @@ function ssrProcessTransitionGroup(node, context) {
       context.pushStringPart(`</${tag.value.content}>`);
     }
   } else {
-    processChildren(node, context, true, true);
+    processChildren(node, context, true, true, true);
   }
 }
 
@@ -953,7 +960,7 @@ function createChildContext(parent, withSlotScopeId = parent.withSlotScopeId) {
     withSlotScopeId
   );
 }
-function processChildren(parent, context, asFragment = false, disableNestedFragments = false) {
+function processChildren(parent, context, asFragment = false, disableNestedFragments = false, disableCommentAsIfAlternate = false) {
   if (asFragment) {
     context.pushStringPart(`<!--[-->`);
   }
@@ -999,7 +1006,12 @@ function processChildren(parent, context, asFragment = false, disableNestedFragm
         );
         break;
       case 9:
-        ssrProcessIf(child, context, disableNestedFragments);
+        ssrProcessIf(
+          child,
+          context,
+          disableNestedFragments,
+          disableCommentAsIfAlternate
+        );
         break;
       case 11:
         ssrProcessFor(child, context, disableNestedFragments);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-ssr",
-  "version": "3.4.20",
+  "version": "3.4.22",
   "description": "@vue/compiler-ssr",
   "main": "dist/compiler-ssr.cjs.js",
   "types": "dist/compiler-ssr.d.ts",
@@ -28,7 +28,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-ssr#readme",
   "dependencies": {
-    "@vue/shared": "3.4.20",
-    "@vue/compiler-dom": "3.4.20"
+    "@vue/shared": "3.4.22",
+    "@vue/compiler-dom": "3.4.22"
   }
 }