`structuredClone` api will produce an error if argument is reactive object

[mrleblanc101]

I've recently stumbled upon this issue https://github.com/vuejs/core/issues/8975. I think the documentation should include tips on how to clone a ref/reactive.

Since ref and reactive allow to compose reactive objects, toRaw still may not work for them due to how it works: https://stackoverflow.com/a/72633173/16716350

Maybe the doc should recommend an official cloning library ? useCloned from VueUse or klona ?

[mrleblanc101]

Or maybe Vue should add a utility ? Since Vue already ship multiple other utility https://vuejs.org/api/reactivity-utilities.html, maybe we could have something like toClone() or toCloned. This new utility would handle ref/reactive that are composed with other ref/reactive