@tiptap/vue-2 3.29.2 → 3.30.0

package/dist/menus/index.d.cts

@@ -221,6 +221,7 @@ interface FloatingMenuInterface extends Vue {
     appendTo: FloatingMenuPluginProps['appendTo'];
     shouldShow: FloatingMenuPluginProps['shouldShow'];
     getPluginKey: () => FloatingMenuPluginProps['pluginKey'];
+    isDestroyed: boolean;
 }
 declare const FloatingMenu: Component;
 

package/dist/menus/index.d.ts

@@ -221,6 +221,7 @@ interface FloatingMenuInterface extends Vue {
     appendTo: FloatingMenuPluginProps['appendTo'];
     shouldShow: FloatingMenuPluginProps['shouldShow'];
     getPluginKey: () => FloatingMenuPluginProps['pluginKey'];
+    isDestroyed: boolean;
 }
 declare const FloatingMenu: Component;
 

package/dist/menus/index.js

@@ -2445,36 +2445,32 @@ var FloatingMenu = {
       default: null
     }
   },
-  watch: {
-    editor: {
-      immediate: true,
-      handler(editor) {
-        if (!editor) {
-          return;
-        }
-        if (!this.$el) {
-          return;
-        }
-        ;
-        this.$el.style.visibility = "hidden";
-        this.$el.style.position = "absolute";
-        this.$el.remove();
-        this.$nextTick(() => {
-          editor.registerPlugin(
-            FloatingMenuPlugin({
-              pluginKey: this.getPluginKey(),
-              editor,
-              element: this.$el,
-              updateDelay: this.updateDelay,
-              resizeDelay: this.resizeDelay,
-              options: this.options,
-              appendTo: this.appendTo,
-              shouldShow: this.shouldShow
-            })
-          );
-        });
-      }
+  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(() => {
+      if (this.isDestroyed) {
+        return;
+      }
+      editor.registerPlugin(
+        FloatingMenuPlugin({
+          pluginKey: this.getPluginKey(),
+          editor,
+          element: el,
+          updateDelay: this.updateDelay,
+          resizeDelay: this.resizeDelay,
+          options: this.options,
+          appendTo: this.appendTo,
+          shouldShow: this.shouldShow
+        })
+      );
+    });
   },
   render(createElement) {
     var _a, _b;
@@ -2491,7 +2487,12 @@ var FloatingMenu = {
     );
   },
   beforeDestroy() {
-    this.editor.unregisterPlugin(this.getPluginKey());
+    this.isDestroyed = true;
+    const editor = this.editor;
+    if (!editor) {
+      return;
+    }
+    editor.unregisterPlugin(this.getPluginKey());
   },
   methods: {
     getPluginKey() {