fix(runtime-core): attrs should be readonly in functional components (#…

…10767)
vuejs · Apr 29, 2024 · e8fd644 · e8fd644
1 parent 2d56816
commit e8fd644
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/packages/runtime-core/__tests__/componentProps.spec.ts b/packages/runtime-core/__tests__/componentProps.spec.ts
@@ -17,7 +17,6 @@ import {
  ref,
  render,
  serializeInner,
- toRaw,
  toRefs,
  watch,
 } from '@vue/runtime-test'
@@ -129,12 +128,12 @@ describe('component props', () => {
  render(h(Comp, { foo: 1 }), root)
  expect(props).toEqual({ foo: 1 })
  expect(attrs).toEqual({ foo: 1 })
- expect(toRaw(props)).toBe(attrs)
+ expect(props).toBe(attrs)
 
  render(h(Comp, { bar: 2 }), root)
  expect(props).toEqual({ bar: 2 })
  expect(attrs).toEqual({ bar: 2 })
- expect(toRaw(props)).toBe(attrs)
+ expect(props).toBe(attrs)
  })
 
  test('boolean casting', () => {

diff --git a/packages/runtime-core/src/componentRenderUtils.ts b/packages/runtime-core/src/componentRenderUtils.ts
@@ -116,7 +116,7 @@ export function renderComponentRoot(
  ? {
  get attrs() {
  markAttrsAccessed()
- return attrs
+ return shallowReadonly(attrs)
  },
  slots,
  emit,