Skip to content

Auto-imports Reference

The module registers its exports as Nuxt auto-imports, so you can use them in any component without importing them manually.

  • Composables keep their original namesuseEditor, and the lowlight helpers, are not prefixed.
  • Everything else (the Editor class, nodes, marks, extensions, and components) gets the configured prefix prepended. The default prefix is Tiptap, so StarterKit becomes TiptapStarterKit and EditorContent becomes TiptapEditorContent.

Change the prefix in nuxt.config.ts:

export default defineNuxtConfig({
modules: ['nuxt-tiptap-editor'],
tiptap: {
prefix: 'Tiptap',
},
})

The tables below assume the default Tiptap prefix.

Auto-importSourceNotes
useEditor@tiptap/vue-3Always registered.
createLowlightlowlightOnly when tiptap.lowlight !== false.
commonLanguageslowlight (common)Only when lowlight is enabled. The common export, aliased.
allLanguageslowlight (all)Only when lowlight is enabled. The all export, aliased.
Auto-importSource
TiptapEditorContent@tiptap/vue-3
TiptapBubbleMenu@tiptap/vue-3/menus
TiptapFloatingMenu@tiptap/vue-3/menus

See Menus for usage of the bubble and floating menus.

Auto-importSource
TiptapEditor@tiptap/vue-3
TiptapNode@tiptap/core
TiptapMark@tiptap/core
TiptapExtension@tiptap/core
Auto-importSource
TiptapBlockquote@tiptap/extension-blockquote
TiptapBulletList@tiptap/extension-bullet-list
TiptapOrderedList@tiptap/extension-ordered-list
TiptapListItem@tiptap/extension-list-item
TiptapCodeBlock@tiptap/extension-code-block
TiptapDocument@tiptap/extension-document
TiptapHardBreak@tiptap/extension-hard-break
TiptapHeading@tiptap/extension-heading
TiptapHorizontalRule@tiptap/extension-horizontal-rule
TiptapParagraph@tiptap/extension-paragraph
TiptapText@tiptap/extension-text
Auto-importSource
TiptapBold@tiptap/extension-bold
TiptapCode@tiptap/extension-code
TiptapItalic@tiptap/extension-italic
TiptapLink@tiptap/extension-link
TiptapStrike@tiptap/extension-strike
Auto-importSourceNotes
TiptapStarterKit@tiptap/starter-kit
TiptapGapcursor@tiptap/extension-gapcursor
TiptapDropcursor@tiptap/extension-dropcursor
TiptapHistory@tiptap/extension-history
TiptapImage@tiptap/extension-image
TiptapCodeBlockLowlight@tiptap/extension-code-block-lowlightOnly when tiptap.lowlight !== false.
Auto-importNotes
TiptapImageUploadCustom image-upload extension. See Image Upload.
TiptapImagePlaceholderCompanion placeholder node used by TiptapImageUpload.