@tiptap/vue-3 2.11.7 → 3.0.0-beta.1

package/src/BubbleMenu.ts

@@ -1,71 +0,0 @@
-import { BubbleMenuPlugin, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
-import {
-  defineComponent,
-  h,
-  onBeforeUnmount,
-  onMounted,
-  PropType,
-  ref,
-} from 'vue'
-
-export const BubbleMenu = defineComponent({
-  name: 'BubbleMenu',
-
-  props: {
-    pluginKey: {
-      type: [String, Object] as PropType<BubbleMenuPluginProps['pluginKey']>,
-      default: 'bubbleMenu',
-    },
-
-    editor: {
-      type: Object as PropType<BubbleMenuPluginProps['editor']>,
-      required: true,
-    },
-
-    updateDelay: {
-      type: Number as PropType<BubbleMenuPluginProps['updateDelay']>,
-      default: undefined,
-    },
-
-    tippyOptions: {
-      type: Object as PropType<BubbleMenuPluginProps['tippyOptions']>,
-      default: () => ({}),
-    },
-
-    shouldShow: {
-      type: Function as PropType<Exclude<Required<BubbleMenuPluginProps>['shouldShow'], null>>,
-      default: null,
-    },
-  },
-
-  setup(props, { slots }) {
-    const root = ref<HTMLElement | null>(null)
-
-    onMounted(() => {
-      const {
-        updateDelay,
-        editor,
-        pluginKey,
-        shouldShow,
-        tippyOptions,
-      } = props
-
-      editor.registerPlugin(BubbleMenuPlugin({
-        updateDelay,
-        editor,
-        element: root.value as HTMLElement,
-        pluginKey,
-        shouldShow,
-        tippyOptions,
-      }))
-    })
-
-    onBeforeUnmount(() => {
-      const { pluginKey, editor } = props
-
-      editor.unregisterPlugin(pluginKey)
-    })
-
-    return () => h('div', { ref: root }, slots.default?.())
-  },
-})

package/src/FloatingMenu.ts

@@ -1,66 +0,0 @@
-import { FloatingMenuPlugin, FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
-import {
-  defineComponent,
-  h,
-  onBeforeUnmount,
-  onMounted,
-  PropType,
-  ref,
-} from 'vue'
-
-export const FloatingMenu = defineComponent({
-  name: 'FloatingMenu',
-
-  props: {
-    pluginKey: {
-      // TODO: TypeScript breaks :(
-      // type: [String, Object as PropType<Exclude<FloatingMenuPluginProps['pluginKey'], string>>],
-      type: null,
-      default: 'floatingMenu',
-    },
-
-    editor: {
-      type: Object as PropType<FloatingMenuPluginProps['editor']>,
-      required: true,
-    },
-
-    tippyOptions: {
-      type: Object as PropType<FloatingMenuPluginProps['tippyOptions']>,
-      default: () => ({}),
-    },
-
-    shouldShow: {
-      type: Function as PropType<Exclude<Required<FloatingMenuPluginProps>['shouldShow'], null>>,
-      default: null,
-    },
-  },
-
-  setup(props, { slots }) {
-    const root = ref<HTMLElement | null>(null)
-
-    onMounted(() => {
-      const {
-        pluginKey,
-        editor,
-        tippyOptions,
-        shouldShow,
-      } = props
-
-      editor.registerPlugin(FloatingMenuPlugin({
-        pluginKey,
-        editor,
-        element: root.value as HTMLElement,
-        tippyOptions,
-        shouldShow,
-      }))
-    })
-
-    onBeforeUnmount(() => {
-      const { pluginKey, editor } = props
-
-      editor.unregisterPlugin(pluginKey)
-    })
-
-    return () => h('div', { ref: root }, slots.default?.())
-  },
-})