fix(vue-3): Correctly set editor's appContext.provide to forward full inject chain

[romansp]

Fixes #5394.

Changes Overview

Replace usage of Object.assign and set appContext.provides as-is from current instance provides.

Implementation Approach

Vue internally uses prototype chain to preserve injects across the entire component chain. Thus should avoid Object.assign or spread operator as it won't copy the prototype. All correct provides will be already present on instance.provides.

Testing Done

Added new example with cypress test coverage.

Verification Steps

Additional Notes

Checklist

• I have created a changeset for this PR if necessary.
• My changes do not break the library.
• I have added tests where applicable.
• I have followed the project guidelines.
• I have fixed any lint issues.

Related Issues

[changeset-bot]

🦋 Changeset detected

Latest commit: a71fca4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 54 packages

Name	Type
@tiptap/vue-3	Patch
@tiptap/core	Patch
@tiptap/extension-blockquote	Patch
@tiptap/extension-bold	Patch
@tiptap/extension-bubble-menu	Patch
@tiptap/extension-bullet-list	Patch
@tiptap/extension-character-count	Patch
@tiptap/extension-code-block-lowlight	Patch
@tiptap/extension-code-block	Patch
@tiptap/extension-code	Patch
@tiptap/extension-collaboration-cursor	Patch
@tiptap/extension-collaboration	Patch
@tiptap/extension-color	Patch
@tiptap/extension-document	Patch
@tiptap/extension-dropcursor	Patch
@tiptap/extension-floating-menu	Patch
@tiptap/extension-focus	Patch
@tiptap/extension-font-family	Patch
@tiptap/extension-gapcursor	Patch
@tiptap/extension-hard-break	Patch
@tiptap/extension-heading	Patch
@tiptap/extension-highlight	Patch
@tiptap/extension-history	Patch
@tiptap/extension-horizontal-rule	Patch
@tiptap/extension-image	Patch
@tiptap/extension-italic	Patch
@tiptap/extension-link	Patch
@tiptap/extension-list-item	Patch
@tiptap/extension-list-keymap	Patch
@tiptap/extension-mention	Patch
@tiptap/extension-ordered-list	Patch
@tiptap/extension-paragraph	Patch
@tiptap/extension-placeholder	Patch
@tiptap/extension-strike	Patch
@tiptap/extension-subscript	Patch
@tiptap/extension-superscript	Patch
@tiptap/extension-table-cell	Patch
@tiptap/extension-table-header	Patch
@tiptap/extension-table-row	Patch
@tiptap/extension-table	Patch
@tiptap/extension-task-item	Patch
@tiptap/extension-task-list	Patch
@tiptap/extension-text-align	Patch
@tiptap/extension-text-style	Patch
@tiptap/extension-text	Patch
@tiptap/extension-typography	Patch
@tiptap/extension-underline	Patch
@tiptap/extension-youtube	Patch
@tiptap/html	Patch
@tiptap/pm	Patch
@tiptap/react	Patch
@tiptap/starter-kit	Patch
@tiptap/suggestion	Patch
@tiptap/vue-2	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✅ Deploy Preview for tiptap-embed ready!

Name	Link
🔨 Latest commit	a71fca4
🔍 Latest deploy log	https://app.netlify.com/sites/tiptap-embed/deploys/66a41fbf6480fe0008be6424
😎 Deploy Preview	https://deploy-preview-5397--tiptap-embed.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[romansp]

Each example has associated tests

tiptap/demos/src/Examples/Savvy/Vue/index.spec.js

Line 1 in eaee9c7

context('/src/Examples/Savvy/Vue/', () => {

but I don't see an existing one that would be "natural" for this. Maybe just a new folder in Examples/Integrations/Vue that copies one of the other instances maybe?

Let's continue discussion in this PR @nperez0111 if you don't mind. I can add an example and tests as you said. But wouldn't it get picked up by the docs automatically? I'm sure we want to avoid that.

[nperez0111]

Let's continue discussion in this PR @nperez0111 if you don't mind. I can add an example and tests as you said. But wouldn't it get picked up by the docs automatically? I'm sure we want to avoid that.

If it is a new example, it wouldn't get picked up by the docs. The docs have to import the example, so it is fine to include new ones here

[romansp]

Added test coverage, this is ready to review. Had to slightly adjust demos/setup/vue.ts to hook into app creation routine so it's possible to set app-level provide. Let me know if that's not ideal.

[nperez0111]

Really appreciate the additional tests & example. Just the one question & we can get this into the next release

[nperez0111]

Just to make sure, does this work for both the options API & composition API. I'm not familiar enough with vue to know

[romansp]

Yes this will work for both Options and Composition API. Tbh I wrote tests in Composition first and then converted to Options for consistency with other examples.

Also no need to worry about composition vs options at all: Options API is literally implemented on top of Composition primitives.

[nperez0111]

Thanks for the confirmation!