tiptapify/src/components/Toolbar/style.ts

Tiptap3 editor with Vuetify3 menu implementation

import { default as HeadingButton } from "@tiptapify/extensions/components/style/heading/Button.vue";
import { default as FontFamilyButton } from "@tiptapify/extensions/components/style/fontFamily/Button.vue";
import { default as FontSizeButton } from "@tiptapify/extensions/components/style/fontSize/Button.vue";
import { default as LineHeightButton } from "@tiptapify/extensions/components/style/lineHeight/Button.vue";
import { default as ColorButton } from "@tiptapify/extensions/components/style/color/Button.vue";
import { default as HighlightButton } from "@tiptapify/extensions/components/style/highlight/Button.vue";
import { markRaw } from "vue";

export default {
  section: 'style',
  group: true,
  components: [
    {
      name: 'heading',
      component: markRaw(HeadingButton),
    },
    {
      name: 'fontFamily',
      component: markRaw(FontFamilyButton),
    },
    {
      name: 'fontSize',
      component: markRaw(FontSizeButton),
    },
    {
      name: 'lineHeight',
      component: markRaw(LineHeightButton),
    },
    {
      name: 'textColor',
      component: markRaw(ColorButton),
    },
    {
      name: 'highlightColor',
      component: markRaw(HighlightButton),
    },
  ]
}