@tiptap/vue-2 3.10.5 → 3.10.7

package/dist/menus/index.cjs

@@ -1990,7 +1990,7 @@ var BubbleMenu2 = {
     },
     options: {
       type: Object,
-      default: {}
+      default: () => ({})
     },
     resizeDelay: {
       type: Number
@@ -2004,34 +2004,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);
@@ -2312,6 +2308,9 @@ var FloatingMenu2 = {
         if (!editor) {
           return;
         }
+        if (!this.$el) {
+          return;
+        }
         ;
         this.$el.style.visibility = "hidden";
         this.$el.style.position = "absolute";