Spread on readonly object returns empty object in Safari 12 & 13

[carl-underwood]

Vue version

3.2.45

Link to minimal reproduction

https://sfc.vuejs.org/#eNp9T8lOwzAQ/ZXBlxSpsSWWSwhVuXHjyMWXNpmWlHjR2ClClv8du2lQKFJv85Z5byawF2v5cUBWsdo11FkPDv1gV1J3yhryEIBw0xrdfy/TtIMIOzIKirRUSC11Y7TzYLYHeM76IoBy+wqKV+x7A++G+vamgHj7NFmnuLfzyogWKSF7ajGekQ5IwKOy/cZjQgB1Y1pchQCBc57sEWKstzQxs9yTIk72nPibwpZs/KpUG8sPzuj0d8jZ8iw4ySo4MZlLP2Ys2Yf31lVCDNp+7nljlFgnTdCgfaewbI1a3/M7/vAo2s75Oc/RqXJL5sshpUbJlrNwkcgjUkmoWySkq2UX3j+FF9q/0twZpY4s/gDdKK1G

Steps to reproduce

Note that in e.g. Safari 14, the text is rendered as:

{ "msg": "Hello World!" }
{ "msg": "Hello World!" }

While in Safari 12 & 13 it is rendered as:

{ "msg": "Hello World!" }
{}

What is expected?

That the text is rendered in Safari 12 & 13 as:

{ "msg": "Hello World!" }
{ "msg": "Hello World!" }

What is actually happening?

The spread of readonlyObj is returning {}.

System Info

No response

Any additional comments?

No response

[kingsley-s]

@carl-underwood ，have you solved this problem?
I have the same problem. Props is readonly, causing the UI component library to use spread to return {}, which is reproduced in iOS 12.3.2.

[carl-underwood]

@carl-underwood ，have you solved this problem? I have the same problem. Props is readonly, causing the UI component library to use spread to return {}, which is reproduced in iOS 12.3.2.

@kingsley-s no I'm afraid not, IIRC when I encountered this issue in 2022 the browser versions were technically not supported by the company I was working for at that time, and usage was low for our traffic.