fix: resolve BubbleMenu Vue 2 runtime errors with prop defaults (#7215)

* fix: resolve BubbleMenu Vue 2 runtime errors with prop defaults and $el timing

Fixed two critical errors in BubbleMenu component for Vue 2:
- Changed options prop default from object literal to factory function to comply with Vue 2 validation requirements
- Added guard clause to prevent accessing $el before component mount when immediate watcher runs

Closes #6696

* add vue 2 runtime fixes for floating menu fix

Author: bdbch

.changeset/fix-bubble-menu-vue2-errors-calm-river-dawn.md

@@ -0,0 +1,5 @@
+---
+"@tiptap/vue-2": patch
+---
+
+Fix BubbleMenu and FloatingMenu component runtime errors in Vue 2.

packages/vue-2/src/menus/BubbleMenu.ts

@@ -34,7 +34,7 @@ export const BubbleMenu: Component = {
 
     options: {
       type: Object as PropType<BubbleMenuPluginProps['options']>,
-      default: {},
+      default: () => ({}),
     },
 
     resizeDelay: {
@@ -60,6 +60,10 @@ export const BubbleMenu: Component = {
           return
         }
 
+        if (!this.$el) {
+          return
+        }
+
         ;(this.$el as HTMLElement).style.visibility = 'hidden'
         ;(this.$el as HTMLElement).style.position = 'absolute'
 

packages/vue-2/src/menus/FloatingMenu.ts

@@ -49,6 +49,10 @@ export const FloatingMenu: Component = {
           return
         }
 
+        if (!this.$el) {
+          return
+        }
+
         ;(this.$el as HTMLElement).style.visibility = 'hidden'
         ;(this.$el as HTMLElement).style.position = 'absolute'