tiptapify/src/components/Toolbar/items.ts

Tiptap3 editor with Vuetify3 menu implementation

import actions from '@tiptapify/components/Toolbar/actions'
import ai from '@tiptapify/components/Toolbar/ai'
import alignment from '@tiptapify/components/Toolbar/alignment'
import format from '@tiptapify/components/Toolbar/format'
import formatExtra from '@tiptapify/components/Toolbar/formatExtra'
import style from '@tiptapify/components/Toolbar/style'
import list from '@tiptapify/components/Toolbar/list'
import media from '@tiptapify/components/Toolbar/media'
import misc from '@tiptapify/components/Toolbar/misc'

const items = {
  style,
  format,
  formatExtra,
  media,
  alignment,
  list,
  actions,
  ai,
  misc,
}

const availableItems: { [key: string]: string } = {}
for (const item of Object.values(items)) {
  const itemComponents = item.components
  for (const component of itemComponents) {
    availableItems[component.name] = item.section
  }
}

export default items

export { availableItems }