chore: update codegen

Author: edison1105

packages/compiler-ssr/__tests__/ssrTransitionGroup.spec.ts

@@ -11,16 +11,17 @@ describe('transition-group', () => {
       "const { ssrRenderList: _ssrRenderList } = require("vue/server-renderer")
 
       return function ssrRender(_ctx, _push, _parent, _attrs) {
-        if (_attrs && _attrs.tag) {
-          _push(\`<\${_attrs.tag}>\`)
+        const _tag = _attrs && _attrs.tag
+        if (_tag) {
+          _push(\`<\${_tag}>\`)
         }
         _push(\`<!--[-->\`)
         _ssrRenderList(_ctx.list, (i) => {
           _push(\`<div></div>\`)
         })
         _push(\`<!--]-->\`)
-        if (_attrs && _attrs.tag) {
-          _push(\`</\${_attrs.tag}>\`)
+        if (_tag) {
+          _push(\`</\${_tag}>\`)
         }
       }"
     `)
@@ -120,8 +121,9 @@ describe('transition-group', () => {
       "const { ssrRenderList: _ssrRenderList } = require("vue/server-renderer")
 
       return function ssrRender(_ctx, _push, _parent, _attrs) {
-        if (_attrs && _attrs.tag) {
-          _push(\`<\${_attrs.tag}>\`)
+        const _tag = _attrs && _attrs.tag
+        if (_tag) {
+          _push(\`<\${_tag}>\`)
         }
         _push(\`<!--[-->\`)
         _ssrRenderList(10, (i) => {
@@ -134,8 +136,8 @@ describe('transition-group', () => {
           _push(\`<div>ok</div>\`)
         }
         _push(\`<!--]-->\`)
-        if (_attrs && _attrs.tag) {
-          _push(\`</\${_attrs.tag}>\`)
+        if (_tag) {
+          _push(\`</\${_tag}>\`)
         }
       }"
     `)

packages/compiler-ssr/src/ssrCodegenTransform.ts

@@ -4,6 +4,7 @@ import {
   type CompilerError,
   type CompilerOptions,
   ElementTypes,
+  type ExpressionNode,
   type IfStatement,
   type JSChildNode,
   NodeTypes,
@@ -84,7 +85,7 @@ export interface SSRTransformContext {
   onError: (error: CompilerError) => void
   helper<T extends symbol>(name: T): T
   pushStringPart(part: TemplateLiteral['elements'][0]): void
-  pushStatement(statement: IfStatement | CallExpression): void
+  pushStatement(statement: IfStatement | CallExpression | ExpressionNode): void
 }
 
 function createSSRTransformContext(

packages/compiler-ssr/src/transforms/ssrTransformTransitionGroup.ts

@@ -125,12 +125,13 @@ export function ssrProcessTransitionGroup(
         p.exp.content === '_attrs',
     )
     if (hasFallthroughAttrs) {
+      context.pushStatement(
+        createSimpleExpression('const _tag = _attrs && _attrs.tag'),
+      )
       context.pushStatement(
         createIfStatement(
-          createSimpleExpression('_attrs && _attrs.tag'),
-          createBlockStatement([
-            createSimpleExpression('_push(`<${_attrs.tag}>`)'),
-          ]),
+          createSimpleExpression('_tag'),
+          createBlockStatement([createSimpleExpression('_push(`<${_tag}>`)')]),
         ),
       )
     }
@@ -140,10 +141,8 @@ export function ssrProcessTransitionGroup(
     if (hasFallthroughAttrs) {
       context.pushStatement(
         createIfStatement(
-          createSimpleExpression('_attrs && _attrs.tag'),
-          createBlockStatement([
-            createSimpleExpression('_push(`</${_attrs.tag}>`)'),
-          ]),
+          createSimpleExpression('_tag'),
+          createBlockStatement([createSimpleExpression('_push(`</${_tag}>`)')]),
         ),
       )
     }