Fix "Permission denied to access property "__v_isRef" on cross-origin object"

[nWacky]

Issue reproduction

example page: https://vue-socials.vercel.app/?path=/docs/share-sdevto--default (commit a8cd6c7)

1. click on a share button
2. close the popup window
3. click on a share button again

In Chrome console, there will be two errors:

Uncaught DOMException: Failed to read a named property '__v_isRef' from 'Window': Blocked a frame with origin "https://vue-socials.vercel.app" from accessing a cross-origin frame.

Uncaught DOMException: An attempt was made to break through the security policy of the user agent.

In Firefox a DOMException overlay will be shown. There will be an error in the console:

DOMException: Permission denied to access property "__v_isRef" on cross-origin object

The issue occurs because vue is trying to add reactivity properties to shareDialog.
shareDialog is a cross origin window, and browsers throw an error when doing so

Changes

• moved shareDialog and shareDialogCloseIntervalId to a non-reactive dialog object in BaseSocial.ts
• updated IBaseSocialDataOptions

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
vue-socials	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 2, 2024 4:06pm

[thekamilRiaz]

@webistomin would you please check because i am also getting this error

[webistomin]

Please excuse the delay. I'll release it tomorrow🙏

[webistomin]

Fixed in v2.0.5

[beocaca]

Hello @webistomin
Thank you for your contribution.
Could you fix this issue in vue-socials@1 . that would be fantastic!

[webistomin]

Hello @webistomin Thank you for your contribution. Could you fix this issue in vue-socials@1 . that would be fantastic!

I'll try to find time 😉