fix: use toRaw when cloning proxy object

[hajiskyy]

🔗 Linked issue

Nuxt 3 error with custom directive #218

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSDoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Resolves #218

This changes ensure that the custom directive object are not Vue's reactive object to allow the StructuredClone function to as expected.

Perhaps this should have always been included?

📝 Checklist

• I have linked an issue or discussion.
• I have added tests (if possible).
• I have updated the documentation accordingly.

[BobbieGoede]

Thanks for contributing! Could you rebase/update your branch with main? It would allow us to publish a preview release now with #220 merged, that way we can easily check if this fix works in a reproduction.

[hajiskyy]

@BobbieGoede Thanks for the feedback! I've confirmed that my branch is already up to date with the latest main branch. Please let me know if there's anything else I should check.

[pkg-pr-new]

commit: 5d9eab8

pnpm add https://pkg.pr.new/@vueuse/motion@221

Open in Stackblitz

[BobbieGoede]

Just confirmed this resolves the issue in #218