fix: hide popover on null coords and fix inserMention typo

Hide tippy when coordsAtPos returns null to prevent stale popover position. Rename inserMention to insertMention across popover-plugin and Mentions.vue.

Author: caio-pizzol

packages/super-editor/src/components/popovers/Mentions.vue

@@ -10,7 +10,7 @@ const props = defineProps({
     type: String,
     default: '',
   },
-  inserMention: {
+  insertMention: {
     type: Function,
     required: true,
   },
@@ -33,7 +33,7 @@ const getFilteredUsers = computed(() => {
 });
 
 const handleClick = (user) => {
-  props.inserMention(user);
+  props.insertMention(user);
 };
 
 const handleKeydown = (event) => {
@@ -50,7 +50,7 @@ const handleKeydown = (event) => {
   } else if (event.key === 'Enter') {
     const user = getFilteredUsers.value[activeUserIndex.value];
     if (user) {
-      props.inserMention(user);
+      props.insertMention(user);
     }
   }
 };

packages/super-editor/src/extensions/popover-plugin/popover-plugin.js

@@ -126,7 +126,7 @@ class Popover {
         props: {
           users: this.editor.users,
           mention: atMention,
-          inserMention: (user) => {
+          insertMention: (user) => {
             // Use fresh state from the view, not the stale captured state
             const currentState = this.editor.view.state;
             const { $from } = currentState.selection;
@@ -151,7 +151,10 @@ class Popover {
 
   showPopoverAtPosition(pos) {
     const coords = this.editor.coordsAtPos(pos);
-    if (!coords) return;
+    if (!coords) {
+      this.tippyInstance.hide();
+      return;
+    }
 
     this.popoverRect = {
       width: 0,