@tiptap/vue-2 3.10.5 → 3.10.7

package/dist/menus/index.d.cts

@@ -2,7 +2,7 @@ import { Editor } from '@tiptap/core';
 import { VirtualElement, offset, flip, shift, arrow, size, autoPlacement, hide, inline } from '@floating-ui/dom';
 import { PluginKey, EditorState } from '@tiptap/pm/state';
 import { EditorView } from '@tiptap/pm/view';
-import Vue, { Component } from 'vue';
+import Vue, { VNode, Component } from 'vue';
 
 interface BubbleMenuPluginProps {
     /**
@@ -94,7 +94,12 @@ interface BubbleMenuPluginProps {
     };
 }
 
-interface BubbleMenuInterface extends Vue {
+interface BubbleMenuInterface {
+    $el: HTMLElement;
+    $nextTick: (callback: () => void) => void;
+    $slots: {
+        default?: VNode[];
+    };
     pluginKey: BubbleMenuPluginProps['pluginKey'];
     editor: BubbleMenuPluginProps['editor'];
     updateDelay: BubbleMenuPluginProps['updateDelay'];

package/dist/menus/index.d.ts

@@ -2,7 +2,7 @@ import { Editor } from '@tiptap/core';
 import { VirtualElement, offset, flip, shift, arrow, size, autoPlacement, hide, inline } from '@floating-ui/dom';
 import { PluginKey, EditorState } from '@tiptap/pm/state';
 import { EditorView } from '@tiptap/pm/view';
-import Vue, { Component } from 'vue';
+import Vue, { VNode, Component } from 'vue';
 
 interface BubbleMenuPluginProps {
     /**
@@ -94,7 +94,12 @@ interface BubbleMenuPluginProps {
     };
 }
 
-interface BubbleMenuInterface extends Vue {
+interface BubbleMenuInterface {
+    $el: HTMLElement;
+    $nextTick: (callback: () => void) => void;
+    $slots: {
+        default?: VNode[];
+    };
     pluginKey: BubbleMenuPluginProps['pluginKey'];
     editor: BubbleMenuPluginProps['editor'];
     updateDelay: BubbleMenuPluginProps['updateDelay'];

package/dist/menus/index.js

@@ -1963,7 +1963,7 @@ var BubbleMenu2 = {
     },
     options: {
       type: Object,
-      default: {}
+      default: () => ({})
     },
     resizeDelay: {
       type: Number
@@ -1977,34 +1977,30 @@ var BubbleMenu2 = {
       default: null
     }
   },
-  watch: {
-    editor: {
-      immediate: true,
-      handler(editor) {
-        if (!editor) {
-          return;
-        }
-        ;
-        this.$el.style.visibility = "hidden";
-        this.$el.style.position = "absolute";
-        this.$el.remove();
-        this.$nextTick(() => {
-          editor.registerPlugin(
-            BubbleMenuPlugin({
-              updateDelay: this.updateDelay,
-              resizeDelay: this.resizeDelay,
-              options: this.options,
-              editor,
-              element: this.$el,
-              pluginKey: this.pluginKey,
-              appendTo: this.appendTo,
-              shouldShow: this.shouldShow,
-              getReferencedVirtualElement: this.getReferencedVirtualElement
-            })
-          );
-        });
-      }
+  mounted() {
+    const editor = this.editor;
+    const el = this.$el;
+    if (!editor || !el) {
+      return;
     }
+    el.style.visibility = "hidden";
+    el.style.position = "absolute";
+    el.remove();
+    this.$nextTick(() => {
+      editor.registerPlugin(
+        BubbleMenuPlugin({
+          updateDelay: this.updateDelay,
+          resizeDelay: this.resizeDelay,
+          options: this.options,
+          editor,
+          element: el,
+          pluginKey: this.pluginKey,
+          appendTo: this.appendTo,
+          shouldShow: this.shouldShow,
+          getReferencedVirtualElement: this.getReferencedVirtualElement
+        })
+      );
+    });
   },
   render(createElement) {
     return createElement("div", {}, this.$slots.default);
@@ -2285,6 +2281,9 @@ var FloatingMenu2 = {
         if (!editor) {
           return;
         }
+        if (!this.$el) {
+          return;
+        }
         ;
         this.$el.style.visibility = "hidden";
         this.$el.style.position = "absolute";