Vizel API / vue/src / createVizelMentionMenuRenderer

Function: createVizelMentionMenuRenderer()

function createVizelMentionMenuRenderer(options?): Partial<SuggestionOptions<VizelMentionItem>>;

Defined in: packages/vue/src/composables/createVizelMentionMenuRenderer.ts:37

Creates a suggestion render configuration for the Mention extension. This handles the popup positioning and Vue component lifecycle.

Parameters

Parameter	Type
options	VizelSuggestionRendererOptions

Returns

Partial<SuggestionOptions<VizelMentionItem>>

Example

import { createVizelMentionMenuRenderer } from '@vizel/vue';

const editor = useVizelEditor({
  features: {
    interaction: {
      mention: {
        items: async (query) => fetchUsers(query),
        suggestion: createVizelMentionMenuRenderer(),
      },
    },
  },
});