add menubar plugin

packages/tiptap/src/Components/EditorMenuBar.js

@@ -1,3 +1,5 @@
+import MenuBar from '../Plugins/MenuBar'
+
 export default {
 
   props: {
@@ -7,6 +9,22 @@ export default {
     },
   },
 
+  watch: {
+    editor: {
+      immediate: true,
+      handler(editor) {
+        if (editor) {
+          this.$nextTick(() => {
+            editor.registerPlugin(MenuBar({
+              editor,
+              element: this.$el,
+            }))
+          })
+        }
+      },
+    },
+  },
+
   render() {
     if (!this.editor) {
       return null

packages/tiptap/src/Plugins/MenuBar.js

@@ -0,0 +1,29 @@
+import { Plugin, PluginKey } from 'prosemirror-state'
+
+class Menu {
+
+  constructor({ options }) {
+    this.options = options
+
+    // the mousedown event is fired before blur so we can prevent it
+    this.options.element.addEventListener('mousedown', this.handleClick)
+  }
+
+  handleClick(event) {
+    event.preventDefault()
+  }
+
+  destroy() {
+    this.options.element.removeEventListener('mousedown', this.handleClick)
+  }
+
+}
+
+export default function (options) {
+  return new Plugin({
+    key: new PluginKey('menu_bar'),
+    view(editorView) {
+      return new Menu({ editorView, options })
+    },
+  })
+}