@nuxt/ui 4.3.0 → 4.4.0

package/dist/runtime/components/prose/Thead.d.vue.ts

@@ -4,9 +4,9 @@ export interface ProseTheadProps {
 export interface ProseTheadSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTheadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTheadProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTheadSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTheadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTheadProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTheadSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/prose/Thead.vue.d.ts

@@ -4,9 +4,9 @@ export interface ProseTheadProps {
 export interface ProseTheadSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTheadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTheadProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTheadSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTheadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTheadProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTheadSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/prose/Tr.d.vue.ts

@@ -4,9 +4,9 @@ export interface ProseTrProps {
 export interface ProseTrSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTrProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTrSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTrProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTrSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/prose/Tr.vue.d.ts

@@ -4,9 +4,9 @@ export interface ProseTrProps {
 export interface ProseTrSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTrProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTrSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTrProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTrSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/prose/Ul.d.vue.ts

@@ -4,9 +4,9 @@ export interface ProseUlProps {
 export interface ProseUlSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseUlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseUlSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseUlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseUlSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/prose/Ul.vue.d.ts

@@ -4,9 +4,9 @@ export interface ProseUlProps {
 export interface ProseUlSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseUlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseUlSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseUlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseUlSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/prose/callout/Caution.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {
+declare var __VLS_8: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Caution.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {
+declare var __VLS_8: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Note.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {
+declare var __VLS_8: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Note.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {
+declare var __VLS_8: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Tip.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {
+declare var __VLS_8: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Tip.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {
+declare var __VLS_8: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Warning.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {
+declare var __VLS_8: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Warning.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {
+declare var __VLS_8: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/composables/defineShortcuts.js

@@ -95,7 +95,7 @@ export function defineShortcuts(config, options = {}) {
       if (e.ctrlKey !== shortcut.ctrlKey) {
         continue;
       }
-      if ((alphabetKey || shiftableKey) && e.shiftKey !== shortcut.shiftKey) {
+      if ((alphabetKey || shiftableKey || shortcut.shiftKey || e.shiftKey) && e.shiftKey !== shortcut.shiftKey) {
         continue;
       }
       if (shortcut.enabled) {

package/dist/runtime/composables/useEditorMenu.d.ts

@@ -24,11 +24,21 @@ export interface EditorMenuOptions<T = any> {
      * Function to filter items based on query
      */
     filter?: (items: T[], query: string) => T[];
+    /**
+     * Whether to ignore the default filtering.
+     * When `true`, items will not be filtered which is useful for custom filtering (useAsyncData, useFetch, etc.).
+     * @defaultValue false
+     */
+    ignoreFilter?: boolean;
     /**
      * Maximum number of items to display
      * @defaultValue 42
      */
     limit?: number;
+    /**
+     * Ref to sync the current search term with
+     */
+    searchTerm?: Ref<string>;
     /**
      * Function to execute when an item is selected
      */
@@ -58,7 +68,8 @@ export interface EditorMenuOptions<T = any> {
     ui: ComputedRef<any>;
 }
 export declare function useEditorMenu<T = any>(options: EditorMenuOptions<T>): {
-    plugin: import("prosemirror-state").Plugin<any>;
+    plugin: import("@tiptap/pm/state").Plugin<any>;
     destroy: () => void;
     filteredItems: Ref<T[], T[]>;
+    searchTerm: Ref<string, string>;
 };

package/dist/runtime/composables/useEditorMenu.js

@@ -1,4 +1,4 @@
-import { ref, h, computed, unref } from "vue";
+import { ref, h, computed, unref, watch } from "vue";
 import { defu } from "defu";
 import { useFilter } from "reka-ui";
 import { computePosition } from "@floating-ui/dom";
@@ -11,6 +11,7 @@ export function useEditorMenu(options) {
   const filteredItems = ref([]);
   const selectedIndex = ref(0);
   const menuState = ref("closed");
+  const searchTerm = options.searchTerm ?? ref("");
   let renderer = null;
   let element = null;
   let handleMouseDown = null;
@@ -21,6 +22,7 @@ export function useEditorMenu(options) {
   let triggerClientRect = null;
   let handleHover = null;
   let scrollHandler = null;
+  let stopItemsWatch = null;
   const { contains } = useFilter({ sensitivity: "base" });
   const cleanupMenu = () => {
     if (menuState.value === "closed") return;
@@ -64,6 +66,7 @@ export function useEditorMenu(options) {
   };
   const filter = options.filter || defaultFilter;
   const limit = options.limit ?? 42;
+  const pluginKeyInstance = typeof options.pluginKey === "string" ? new PluginKey(options.pluginKey) : options.pluginKey;
   const groups = computed(() => {
     const items2 = unref(options.items);
     return items2?.length ? isArrayOfArray(items2) ? items2 : [items2] : [];
@@ -71,6 +74,9 @@ export function useEditorMenu(options) {
   const items = computed(() => groups.value.flatMap((group) => group));
   const filteredGroups = computed(() => {
     if (!filteredItems.value.length) return [];
+    if (options.ignoreFilter) {
+      return [filteredItems.value];
+    }
     return groups.value.map((group) => group.filter((item) => filteredItems.value.includes(item))).filter((group) => group.length > 0);
   });
   const selectableItems = computed(() => {
@@ -90,25 +96,124 @@ export function useEditorMenu(options) {
     inline: false
   });
   const middleware = buildFloatingUIMiddleware(floatingUIOptions);
-  const updatePosition = (element2) => {
+  const updatePosition = (el) => {
     if (!triggerClientRect) return;
     const rect = triggerClientRect();
     if (!rect) return;
     const virtualElement = {
       getBoundingClientRect: () => rect
     };
-    computePosition(virtualElement, element2, {
+    computePosition(virtualElement, el, {
       placement: floatingUIOptions.placement,
       strategy: floatingUIOptions.strategy,
       middleware
     }).then(({ x, y, strategy }) => {
-      element2.style.width = "max-content";
-      element2.style.position = strategy;
-      element2.style.top = "0";
-      element2.style.left = "0";
-      element2.style.transform = `translate(${Math.round(x)}px, ${Math.round(y)}px)`;
+      el.style.width = "max-content";
+      el.style.position = strategy;
+      el.style.top = "0";
+      el.style.left = "0";
+      el.style.transform = `translate(${Math.round(x)}px, ${Math.round(y)}px)`;
     });
   };
+  const showMenu = () => {
+    menuState.value = "open";
+    if (!globalKeyHandler) {
+      globalKeyHandler = (e) => {
+        if (keyDownHandler) {
+          const handled = keyDownHandler({ event: e });
+          if (handled) {
+            e.preventDefault();
+            e.stopPropagation();
+          }
+        }
+      };
+      document.addEventListener("keydown", globalKeyHandler, true);
+    }
+    if (!blurHandler) {
+      blurHandler = () => {
+        setTimeout(() => {
+          if (menuState.value === "open") {
+            const tr = options.editor.view.state.tr.setMeta(pluginKeyInstance, { exit: true });
+            options.editor.view.dispatch(tr);
+          }
+        }, 0);
+      };
+      options.editor.view.dom.addEventListener("blur", blurHandler);
+    }
+    if (!scrollHandler) {
+      scrollHandler = () => {
+        if (element) {
+          updatePosition(element);
+        }
+      };
+      window.addEventListener("scroll", scrollHandler, true);
+    }
+    handleHover = (index) => {
+      selectedIndex.value = index;
+      if (renderer) {
+        renderer.updateProps({
+          groups: filteredGroups.value,
+          selectedIndex: index,
+          onSelect: commandFn,
+          onHover: handleHover,
+          state: menuState.value
+        });
+      }
+    };
+    renderer = new VueRenderer(MenuComponent, {
+      props: {
+        groups: filteredGroups.value,
+        selectedIndex: selectedIndex.value,
+        onSelect: commandFn,
+        onHover: handleHover,
+        state: menuState.value
+      },
+      editor: options.editor
+    });
+    element = document.createElement("div");
+    element.style.position = floatingUIOptions.strategy;
+    element.style.zIndex = "50";
+    handleMouseDown = (e) => {
+      e.preventDefault();
+    };
+    element.addEventListener("mousedown", handleMouseDown);
+    const appendToElement = typeof options.appendTo === "function" ? options.appendTo() : options.appendTo;
+    (appendToElement ?? options.editor.view.dom.parentElement)?.appendChild(element);
+    if (renderer.element) {
+      element.appendChild(renderer.element);
+    }
+    updatePosition(element);
+  };
+  if (options.ignoreFilter) {
+    stopItemsWatch = watch(() => unref(options.items), (newItems) => {
+      if (!triggerClientRect) return;
+      const normalizedItems = newItems?.length ? isArrayOfArray(newItems) ? newItems.flat() : newItems : [];
+      filteredItems.value = normalizedItems.slice(0, limit);
+      if (!filteredItems.value.length) {
+        cleanupMenu();
+        return;
+      }
+      if (selectedIndex.value >= selectableItems.value.length) {
+        selectedIndex.value = Math.max(0, selectableItems.value.length - 1);
+      }
+      if (menuState.value === "closed" && filteredItems.value.length) {
+        showMenu();
+        return;
+      }
+      if (renderer) {
+        renderer.updateProps({
+          groups: filteredGroups.value,
+          selectedIndex: selectedIndex.value,
+          onSelect: commandFn,
+          onHover: handleHover,
+          state: menuState.value
+        });
+      }
+      if (element) {
+        updatePosition(element);
+      }
+    }, { deep: true, flush: "sync" });
+  }
   const MenuComponent = {
     props: {
       groups: { type: Array, required: true },
@@ -188,13 +293,16 @@ export function useEditorMenu(options) {
       };
     }
   };
-  const pluginKeyInstance = typeof options.pluginKey === "string" ? new PluginKey(options.pluginKey) : options.pluginKey;
   const plugin = Suggestion({
     pluginKey: pluginKeyInstance,
     editor: options.editor,
     char: options.char,
-    items: ({ query }) => {
-      const filtered = filter(items.value, query);
+    items: ({ query: q }) => {
+      searchTerm.value = q;
+      if (options.ignoreFilter) {
+        return items.value.slice(0, limit);
+      }
+      const filtered = filter(items.value, q);
       return filtered.slice(0, limit);
     },
     command: ({ editor, range, props }) => {
@@ -243,77 +351,17 @@ export function useEditorMenu(options) {
       };
       const handlers = {
         onStart: (suggestionProps) => {
-          filteredItems.value = suggestionProps.items;
+          filteredItems.value = options.ignoreFilter ? items.value.slice(0, limit) : suggestionProps.items;
           selectedIndex.value = 0;
           commandFn = (item) => suggestionProps.command(item);
           triggerClientRect = suggestionProps.clientRect;
           if (!filteredItems.value.length) {
             return;
           }
-          menuState.value = "open";
-          globalKeyHandler = (e) => {
-            if (keyDownHandler) {
-              const handled = keyDownHandler({ event: e });
-              if (handled) {
-                e.preventDefault();
-                e.stopPropagation();
-              }
-            }
-          };
-          document.addEventListener("keydown", globalKeyHandler, true);
-          blurHandler = () => {
-            setTimeout(() => {
-              if (menuState.value === "open") {
-                const tr = suggestionProps.editor.view.state.tr.setMeta(pluginKeyInstance, { exit: true });
-                suggestionProps.editor.view.dispatch(tr);
-              }
-            }, 0);
-          };
-          suggestionProps.editor.view.dom.addEventListener("blur", blurHandler);
-          scrollHandler = () => {
-            if (element) {
-              updatePosition(element);
-            }
-          };
-          window.addEventListener("scroll", scrollHandler, true);
-          handleHover = (index) => {
-            selectedIndex.value = index;
-            if (renderer) {
-              renderer.updateProps({
-                groups: filteredGroups.value,
-                selectedIndex: index,
-                onSelect: commandFn,
-                onHover: handleHover,
-                state: menuState.value
-              });
-            }
-          };
-          renderer = new VueRenderer(MenuComponent, {
-            props: {
-              groups: filteredGroups.value,
-              selectedIndex: selectedIndex.value,
-              onSelect: commandFn,
-              onHover: handleHover,
-              state: menuState.value
-            },
-            editor: suggestionProps.editor
-          });
-          element = document.createElement("div");
-          element.style.position = floatingUIOptions.strategy;
-          element.style.zIndex = "50";
-          handleMouseDown = (e) => {
-            e.preventDefault();
-          };
-          element.addEventListener("mousedown", handleMouseDown);
-          const appendToElement = typeof options.appendTo === "function" ? options.appendTo() : options.appendTo;
-          (appendToElement ?? suggestionProps.editor.view.dom.parentElement)?.appendChild(element);
-          if (renderer.element) {
-            element.appendChild(renderer.element);
-          }
-          updatePosition(element);
+          showMenu();
         },
         onUpdate: (suggestionProps) => {
-          filteredItems.value = suggestionProps.items;
+          filteredItems.value = options.ignoreFilter ? items.value.slice(0, limit) : suggestionProps.items;
           commandFn = (item) => suggestionProps.command(item);
           if (selectedIndex.value >= selectableItems.value.length) {
             selectedIndex.value = Math.max(0, selectableItems.value.length - 1);
@@ -323,80 +371,13 @@ export function useEditorMenu(options) {
             return;
           }
           if (!renderer) {
-            menuState.value = "open";
-            if (!globalKeyHandler) {
-              globalKeyHandler = (e) => {
-                if (keyDownHandler) {
-                  const handled = keyDownHandler({ event: e });
-                  if (handled) {
-                    e.preventDefault();
-                    e.stopPropagation();
-                  }
-                }
-              };
-              document.addEventListener("keydown", globalKeyHandler, true);
-            }
-            if (!blurHandler) {
-              blurHandler = () => {
-                setTimeout(() => {
-                  if (menuState.value === "open") {
-                    const tr = suggestionProps.editor.view.state.tr.setMeta(pluginKeyInstance, { exit: true });
-                    suggestionProps.editor.view.dispatch(tr);
-                  }
-                }, 0);
-              };
-              suggestionProps.editor.view.dom.addEventListener("blur", blurHandler);
-            }
-            if (!scrollHandler) {
-              scrollHandler = () => {
-                if (element) {
-                  updatePosition(element);
-                }
-              };
-              window.addEventListener("scroll", scrollHandler, true);
-            }
-            handleHover = (index) => {
-              selectedIndex.value = index;
-              if (renderer) {
-                renderer.updateProps({
-                  groups: filteredGroups.value,
-                  selectedIndex: index,
-                  onSelect: commandFn,
-                  onHover: handleHover,
-                  state: menuState.value
-                });
-              }
-            };
-            renderer = new VueRenderer(MenuComponent, {
-              props: {
-                groups: filteredGroups.value,
-                selectedIndex: selectedIndex.value,
-                onSelect: commandFn,
-                onHover: handleHover,
-                state: menuState.value
-              },
-              editor: suggestionProps.editor
-            });
-            element = document.createElement("div");
-            element.style.position = floatingUIOptions.strategy;
-            element.style.zIndex = "50";
-            handleMouseDown = (e) => {
-              e.preventDefault();
-            };
-            element.addEventListener("mousedown", handleMouseDown);
-            const appendToElement = typeof options.appendTo === "function" ? options.appendTo() : options.appendTo;
-            (appendToElement ?? suggestionProps.editor.view.dom.parentElement)?.appendChild(element);
-            if (renderer.element) {
-              element.appendChild(renderer.element);
-            }
+            showMenu();
           } else {
             renderer.updateProps({
               groups: filteredGroups.value,
               selectedIndex: selectedIndex.value,
               onSelect: commandFn,
-              onHover: (index) => {
-                selectedIndex.value = index;
-              },
+              onHover: handleHover,
               state: menuState.value
             });
           }
@@ -408,6 +389,7 @@ export function useEditorMenu(options) {
         onExit: () => {
           cleanupMenu();
           triggerClientRect = null;
+          searchTerm.value = "";
         }
       };
       return handlers;
@@ -439,10 +421,15 @@ export function useEditorMenu(options) {
       element.remove();
       element = null;
     }
+    if (stopItemsWatch) {
+      stopItemsWatch();
+      stopItemsWatch = null;
+    }
   };
   return {
     plugin,
     destroy,
-    filteredItems
+    filteredItems,
+    searchTerm
   };
 }

package/dist/runtime/composables/useOverlay.d.ts

@@ -1,5 +1,6 @@
 import type { Component } from 'vue';
 import type { ComponentProps, ComponentEmit } from 'vue-component-type-helpers';
+type CloseEventArgTypeSimple<T> = T extends (event: 'close', arg_0: infer Arg, ...args: any[]) => void ? Arg : never;
 /**
  * This is a workaround for a design limitation in TypeScript.
  *
@@ -9,7 +10,7 @@ import type { ComponentProps, ComponentEmit } from 'vue-component-type-helpers';
  *
  * @see https://github.com/microsoft/TypeScript/issues/32164
  */
-type CloseEventArgType<T> = T extends {
+type CloseEventArgTypeComplex<T> = T extends {
     (event: 'close', arg_0: infer Arg, ...args: any[]): void;
     (...args: any[]): void;
     (...args: any[]): void;
@@ -28,6 +29,7 @@ type CloseEventArgType<T> = T extends {
     (...args: any[]): void;
     (...args: any[]): void;
 } ? Arg : never;
+type CloseEventArgType<T> = CloseEventArgTypeSimple<T> | CloseEventArgTypeComplex<T>;
 export type OverlayOptions<OverlayAttrs = Record<string, any>> = {
     defaultOpen?: boolean;
     props?: OverlayAttrs;

package/dist/runtime/locale/cs.js

@@ -48,7 +48,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Odkazy",
-      theme: "T\xE9ma"
+      theme: "Barevn\xFD re\u017Eim"
     },
     contentSearchButton: {
       label: "Hledat\u2026"
@@ -57,7 +57,7 @@ export default defineLocale({
       title: "Na t\xE9to str\xE1nce"
     },
     dashboardSearch: {
-      theme: "T\xE9ma"
+      theme: "Barevn\xFD re\u017Eim"
     },
     dashboardSearchButton: {
       label: "Hledat\u2026"

package/dist/runtime/locale/sk.js

@@ -48,7 +48,7 @@ export default defineLocale({
     },
     contentSearch: {
       links: "Odkazy",
-      theme: "T\xE9ma"
+      theme: "Farebn\xFD re\u017Eim"
     },
     contentSearchButton: {
       label: "H\u013Eada\u0165\u2026"
@@ -57,7 +57,7 @@ export default defineLocale({
       title: "Na tejto str\xE1nke"
     },
     dashboardSearch: {
-      theme: "T\xE9ma"
+      theme: "Farebn\xFD re\u017Eim"
     },
     dashboardSearchButton: {
       label: "H\u013Eada\u0165\u2026"