fix: AST should not be mutated

vuejs · Apr 29, 2024 · e4df821 · e4df821
1 parent a5d6457
commit e4df821
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/packages/compiler-vapor/src/transforms/transformSlotOutlet.ts b/packages/compiler-vapor/src/transforms/transformSlotOutlet.ts
@@ -44,8 +44,7 @@ export const transformSlotOutlet: NodeTransform = (node, context) => {
         if (prop.name === 'name') {
           name = createSimpleExpression(prop.value.content, true, prop.loc)
         } else {
-          prop.name = camelize(prop.name)
-          nonNameProps.push(prop)
+          nonNameProps.push(extend({}, prop, { name: camelize(prop.name) }))
         }
       }
     } else if (prop.name === 'bind' && isStaticArgOf(prop.arg, 'name')) {
@@ -63,10 +62,13 @@ export const transformSlotOutlet: NodeTransform = (node, context) => {
     } else if (!isBuiltInDirective(prop.name)) {
       directives.push(prop)
     } else {
-      if (prop.name === 'bind' && prop.arg && isStaticExp(prop.arg)) {
-        prop.arg.content = camelize(prop.arg.content)
+      const nonProp = extend({}, prop)
+      if (nonProp.name === 'bind' && nonProp.arg && isStaticExp(nonProp.arg)) {
+        nonProp.arg = extend({}, nonProp.arg, {
+          content: camelize(nonProp.arg.content),
+        })
       }
-      nonNameProps.push(prop)
+      nonNameProps.push(nonProp)
     }
   }
 

diff --git a/packages/compiler-vapor/src/transforms/vBind.ts b/packages/compiler-vapor/src/transforms/vBind.ts
@@ -5,7 +5,7 @@ import {
   createCompilerError,
   createSimpleExpression,
 } from '@vue/compiler-dom'
-import { camelize } from '@vue/shared'
+import { camelize, extend } from '@vue/shared'
 import type { DirectiveTransform, TransformContext } from '../transform'
 import { resolveExpression } from '../utils'
 import { isReservedProp } from './transformElement'
@@ -58,7 +58,7 @@ export const transformVBind: DirectiveTransform = (dir, node, context) => {
   let camel = false
   if (modifiers.includes('camel')) {
     if (arg.isStatic) {
-      arg.content = camelize(arg.content)
+      arg = extend({}, arg, { content: camelize(arg.content) })
     } else {
       camel = true
     }