tiptapify/src/components/Toolbar/media.ts

Tiptap3 editor with Vuetify3 menu implementation

import { default as EmojiButton } from '@tiptapify/extensions/components/media/emoji/Button.vue'
import { default as CharmapButton } from '@tiptapify/extensions/components/media/charmap/Button.vue'
import { default as LinkButton } from '@tiptapify/extensions/components/media/link/Button.vue'
import { default as ImageButton } from '@tiptapify/extensions/components/media/image/Button.vue'
import { default as IframeButton } from '@tiptapify/extensions/components/media/iframe/Button.vue'
import { default as TableButton } from '@tiptapify/extensions/components/media/table/Button.vue'
import { default as VideoButton } from '@tiptapify/extensions/components/media/video/Button.vue'
import { markRaw } from 'vue'

export default {
  section: 'media',
  group: true,
  components: [
    {
      name: 'link',
      component: markRaw(LinkButton),
    },
    {
      name: 'image',
      component: markRaw(ImageButton),
    },
    {
      name: 'video',
      component: markRaw(VideoButton),
    },
    {
      name: 'iframe',
      component: markRaw(IframeButton),
    },
    {
      name: 'emoji',
      component: markRaw(EmojiButton),
    },
    {
      name: 'charmap',
      component: markRaw(CharmapButton),
    },
    {
      name: 'table',
      component: markRaw(TableButton),
    }
  ]
}