diff --git a/packages/vue-3/src/BubbleMenu.ts b/packages/vue-3/src/BubbleMenu.ts index 0f2ffec1..c741b853 100644 --- a/packages/vue-3/src/BubbleMenu.ts +++ b/packages/vue-3/src/BubbleMenu.ts @@ -27,10 +27,12 @@ export const BubbleMenu = defineComponent({ }, }, - setup({ editor, tippyOptions }, { slots }) { + setup(props, { slots }) { const root = ref(null) onMounted(() => { + const { editor, tippyOptions } = props + editor.registerPlugin(BubbleMenuPlugin({ editor, element: root.value as HTMLElement, @@ -39,6 +41,8 @@ export const BubbleMenu = defineComponent({ }) onBeforeUnmount(() => { + const { editor } = props + editor.unregisterPlugin(BubbleMenuPluginKey) }) diff --git a/packages/vue-3/src/FloatingMenu.ts b/packages/vue-3/src/FloatingMenu.ts index 523e1057..31a53a4b 100644 --- a/packages/vue-3/src/FloatingMenu.ts +++ b/packages/vue-3/src/FloatingMenu.ts @@ -27,10 +27,12 @@ export const FloatingMenu = defineComponent({ }, }, - setup({ editor, tippyOptions }, { slots }) { + setup(props, { slots }) { const root = ref(null) onMounted(() => { + const { editor, tippyOptions } = props + editor.registerPlugin(FloatingMenuPlugin({ editor, element: root.value as HTMLElement, @@ -39,6 +41,8 @@ export const FloatingMenu = defineComponent({ }) onBeforeUnmount(() => { + const { editor } = props + editor.unregisterPlugin(FloatingMenuPluginKey) })