renamed some components

examples/Components/Routes/Basic/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bar :editor="editor">
+    <editor-menu-bar :editor="editor">
       <div class="menubar" slot-scope="{ commands, isActive }">
 
         <button
@@ -122,7 +122,7 @@
         </button>
 
       </div>
-    </menu-bar>
+    </editor-menu-bar>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -130,7 +130,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBar } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
 import {
   Blockquote,
   CodeBlock,
@@ -153,7 +153,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBar,
+    EditorMenuBar,
     Icon,
   },
   data() {

examples/Components/Routes/Export/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="editor">
-      <menu-bar :editor="editor">
+      <editor-menu-bar :editor="editor">
         <div class="menubar" slot-scope="{ commands, isActive }">
 
           <button
@@ -85,7 +85,7 @@
           </button>
 
         </div>
-      </menu-bar>
+      </editor-menu-bar>
 
       <editor-content class="editor__content" :editor="editor" />
 
@@ -112,7 +112,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBar } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
 import {
   Blockquote,
   CodeBlock,
@@ -133,7 +133,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBar,
+    EditorMenuBar,
     Icon,
   },
   data() {

examples/Components/Routes/FloatingMenu/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <floating-menu  :editor="editor">
+    <editor-floating-menu :editor="editor">
       <div
         slot-scope="{ commands, isActive, menu }"
         class="editor__floating-menu"
@@ -65,7 +65,7 @@
         </button>
 
       </div>
-    </floating-menu>
+    </editor-floating-menu>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -73,7 +73,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, FloatingMenu } from 'tiptap'
+import { Editor, EditorContent, EditorFloatingMenu } from 'tiptap'
 import {
   Blockquote,
   BulletList,
@@ -94,7 +94,7 @@ import {
 export default {
   components: {
     EditorContent,
-    FloatingMenu,
+    EditorFloatingMenu,
     Icon,
   },
   data() {

examples/Components/Routes/HidingMenuBar/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bar :editor="editor">
+    <editor-menu-bar :editor="editor">
       <div
         class="menubar is-hidden"
         :class="{ 'is-focused': focused }"
@@ -112,7 +112,7 @@
         </button>
 
       </div>
-    </menu-bar>
+    </editor-menu-bar>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -120,7 +120,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBar } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
 import {
   Blockquote,
   BulletList,
@@ -143,7 +143,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBar,
+    EditorMenuBar,
     Icon,
   },
   data() {

examples/Components/Routes/Images/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bar :editor="editor">
+    <editor-menu-bar :editor="editor">
       <div class="menubar" slot-scope="{ commands }">
         <button
           class="menubar__button"
@@ -9,7 +9,7 @@
           <icon name="image" />
         </button>
       </div>
-    </menu-bar>
+    </editor-menu-bar>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -17,7 +17,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBar } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
 import {
   HardBreak,
   Heading,
@@ -31,7 +31,7 @@ export default {
   components: {
     Icon,
     EditorContent,
-    MenuBar,
+    EditorMenuBar,
   },
   data() {
     return {

examples/Components/Routes/Links/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bubble class="menububble" :editor="editor">
+    <editor-menu-bubble class="menububble" :editor="editor">
       <div
         slot-scope="{ commands, isActive, markAttrs, menu }"
         class="menububble"
@@ -27,7 +27,7 @@
         </template>
 
       </div>
-    </menu-bubble>
+    </editor-menu-bubble>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -35,7 +35,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBubble } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBubble } from 'tiptap'
 import {
   Blockquote,
   BulletList,
@@ -56,7 +56,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBubble,
+    EditorMenuBubble,
     Icon,
   },
   data() {

examples/Components/Routes/MenuBubble/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bubble :editor="editor">
+    <editor-menu-bubble :editor="editor">
       <div
         slot-scope="{ commands, isActive, menu }"
         class="menububble"
@@ -33,7 +33,7 @@
         </button>
 
       </div>
-    </menu-bubble>
+    </editor-menu-bubble>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -41,7 +41,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBubble } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBubble } from 'tiptap'
 import {
   Blockquote,
   BulletList,
@@ -64,7 +64,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBubble,
+    EditorMenuBubble,
     Icon,
   },
   data() {

examples/Components/Routes/TodoList/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bar :editor="editor">
+    <editor-menu-bar :editor="editor">
       <div class="menubar" slot-scope="{ commands, isActive }">
 
         <button
@@ -36,7 +36,7 @@
         </button>
 
       </div>
-    </menu-bar>
+    </editor-menu-bar>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -44,7 +44,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBar } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
 import {
   CodeBlock,
   HardBreak,
@@ -59,7 +59,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBar,
+    EditorMenuBar,
     Icon,
   },
   data() {

packages/tiptap/src/index.js

@@ -1,8 +1,8 @@
 export { default as Editor } from './Utils/Editor'
 export { default as EditorContent } from './Components/EditorContent'
-export { default as MenuBar } from './Components/MenuBar'
+export { default as EditorMenuBar } from './Components/EditorMenuBar'
-export { default as MenuBubble } from './Components/MenuBubble'
+export { default as EditorMenuBubble } from './Components/EditorMenuBubble'
-export { default as FloatingMenu } from './Components/FloatingMenu'
+export { default as EditorFloatingMenu } from './Components/EditorFloatingMenu'
 
 export { default as Extension } from './Utils/Extension'
 export { default as Node } from './Utils/Node'