Skip to content

docs: fix Vue bubble menu demo example - #8133

Open
aman44444 wants to merge 3 commits into
ueberdosis:mainfrom
aman44444:fix/bubble-menu-vue-example
Open

docs: fix Vue bubble menu demo example#8133
aman44444 wants to merge 3 commits into
ueberdosis:mainfrom
aman44444:fix/bubble-menu-vue-example

Conversation

@aman44444

Copy link
Copy Markdown

Fixes

Fixes #6987

Changes and Review

Updated the Vue Bubble Menu demo example to use the bubble menu extension import in the example source so the documented example is consistent with the current package setup. The change is limited to the Vue demo and includes a changeset for the user-facing docs/demo update.

Reviewers can verify it by running the demo locally and confirming the Bubble Menu example loads and shows the expected menu behavior.

Checklist

  • I have added a changeset if necessary.
  • I have added tests if possible.
  • I have made sure to test my changes myself.

Responsibility

  • I have reviewed and understand these changes, and I take responsibility for this PR, even if an AI agent created it.

@aman44444
aman44444 requested a review from a team as a code owner July 28, 2026 09:57
@changeset-bot

changeset-bot Bot commented Jul 28, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: fdfee4d

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

This PR includes changesets to release 74 packages
Name Type
@tiptap/extension-bubble-menu Patch
@tiptap/core Patch
@tiptap/extension-audio Patch
@tiptap/extension-blockquote Patch
@tiptap/extension-bold Patch
@tiptap/extension-bullet-list Patch
@tiptap/extension-code-block-lowlight Patch
@tiptap/extension-code-block Patch
@tiptap/extension-code Patch
@tiptap/extension-collaboration-caret Patch
@tiptap/extension-collaboration Patch
@tiptap/extension-color Patch
@tiptap/extension-details Patch
@tiptap/extension-document Patch
@tiptap/extension-drag-handle-react Patch
@tiptap/extension-drag-handle-vue-2 Patch
@tiptap/extension-drag-handle-vue-3 Patch
@tiptap/extension-drag-handle Patch
@tiptap/extension-emoji Patch
@tiptap/extension-file-handler Patch
@tiptap/extension-find-and-replace Patch
@tiptap/extension-floating-menu Patch
@tiptap/extension-font-family Patch
@tiptap/extension-hard-break Patch
@tiptap/extension-heading Patch
@tiptap/extension-highlight Patch
@tiptap/extension-horizontal-rule Patch
@tiptap/extension-image Patch
@tiptap/extension-invisible-characters Patch
@tiptap/extension-italic Patch
@tiptap/extension-link Patch
@tiptap/extension-list Patch
@tiptap/extension-mathematics Patch
@tiptap/extension-mention Patch
@tiptap/extension-node-range Patch
@tiptap/extension-ordered-list Patch
@tiptap/extension-paragraph Patch
@tiptap/extension-ruby-text Patch
@tiptap/extension-strike Patch
@tiptap/extension-subscript Patch
@tiptap/extension-superscript Patch
@tiptap/extension-table-of-contents Patch
@tiptap/extension-table Patch
@tiptap/extension-text-align Patch
@tiptap/extension-text-style Patch
@tiptap/extension-text Patch
@tiptap/extension-twitch Patch
@tiptap/extension-typography Patch
@tiptap/extension-underline Patch
@tiptap/extension-unique-id Patch
@tiptap/extension-youtube Patch
@tiptap/extensions Patch
@tiptap/html Patch
@tiptap/markdown Patch
@tiptap/pm Patch
@tiptap/react Patch
@tiptap/starter-kit Patch
@tiptap/static-renderer Patch
@tiptap/suggestion Patch
@tiptap/vue-2 Patch
@tiptap/vue-3 Patch
@tiptap/extension-character-count Patch
@tiptap/extension-dropcursor Patch
@tiptap/extension-focus Patch
@tiptap/extension-gapcursor Patch
@tiptap/extension-history Patch
@tiptap/extension-list-item Patch
@tiptap/extension-list-keymap Patch
@tiptap/extension-placeholder Patch
@tiptap/extension-table-cell Patch
@tiptap/extension-table-header Patch
@tiptap/extension-table-row Patch
@tiptap/extension-task-item Patch
@tiptap/extension-task-list 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

netlify Bot commented Jul 28, 2026

Copy link
Copy Markdown

Deploy Preview for tiptap-embed ready!

Name Link
🔨 Latest commit fdfee4d
🔍 Latest deploy log https://app.netlify.com/projects/tiptap-embed/deploys/6a687d20610a280008aa2f4d
😎 Deploy Preview https://deploy-preview-8133--tiptap-embed.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@coderabbitai

coderabbitai Bot commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro Plus

Run ID: 91b44d84-543b-4488-9886-891690d37615

📥 Commits

Reviewing files that changed from the base of the PR and between 07415fe and fdfee4d.

📒 Files selected for processing (2)
  • .changeset/2026-07-28-fix-vue-bubble-menu-demo-example.md
  • demos/src/Extensions/BubbleMenu/Vue/index.vue

📝 Walkthrough

Summary

  • Updated the Vue Bubble Menu demo to use BubbleMenu from @tiptap/extension-bubble-menu.
  • Registered the extension and Vue component correctly.
  • Added a changeset for the demo documentation update.

Walkthrough

The Vue Bubble Menu demo now uses the current component import and registration flow, enables BubbleMenuExtension alongside StarterKit, and includes a patch Changesets entry.

Changes

Vue bubble menu demo

Layer / File(s) Summary
Update Vue demo wiring
demos/src/Extensions/BubbleMenu/Vue/index.vue, .changeset/...
The demo aliases and registers the Vue Bubble Menu component, adds BubbleMenuExtension to the editor extensions, and documents a patch release.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Suggested labels: area: docs, area: vue, complexity: trivial

Suggested reviewers: alexvcasillas, bdbch

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly matches the main change: fixing the Vue Bubble Menu demo example.
Description check ✅ Passed The description includes fixes, changes, review notes, and a checklist, so it fits the template well.
Linked Issues check ✅ Passed The changes address the outdated Vue Bubble Menu example and align with issue #6987.
Out of Scope Changes check ✅ Passed The changeset and Vue demo edits are in scope for the documented example fix.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot added area: docs Documentation and guides area: vue Vue integration and components complexity: trivial Quick fix, single line code change labels Jul 28, 2026
@aman44444

Copy link
Copy Markdown
Author

Hey @bdbch, could you please review it whenever you get a chance? Let me know if anything needs changes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: docs Documentation and guides area: vue Vue integration and components complexity: trivial Quick fix, single line code change

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Documentation]: Bubble-menu outdated Vue Example

1 participant