Merge branch 'main' of github.com:ueberdosis/tiptap-next into main

docs/package.json

@@ -23,20 +23,20 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "remark-container": "^0.1.2",
-    "remark-toc": "^7.1.0",
+    "remark-toc": "^7.2.0",
     "remixicon": "^2.5.0",
     "simplify-js": "^1.2.4",
-    "tippy.js": "^6.2.7",
+    "tippy.js": "^6.3.1",
     "vue-github-button": "^1.1.2",
     "y-indexeddb": "^9.0.6",
     "y-prosemirror": "^1.0.6",
     "y-webrtc": "^10.1.7",
     "y-websocket": "^1.3.11",
-    "yjs": "^13.5.0"
+    "yjs": "^13.5.1"
   },
   "devDependencies": {
-    "@babel/plugin-proposal-optional-chaining": "^7.12.17",
-    "@babel/preset-env": "^7.12.17",
+    "@babel/plugin-proposal-optional-chaining": "^7.13.0",
+    "@babel/preset-env": "^7.13.5",
     "@babel/preset-react": "^7.12.13",
     "html-loader": "^1.3.2",
     "node-sass": "^5.0.0",

docs/src/demos/Examples/Book/index.vue

@@ -70,7 +70,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 import { content } from './content.js'
 
 export default {

docs/src/demos/Examples/CollaborativeEditing/index.vue

@@ -21,7 +21,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 import Collaboration from '@tiptap/extension-collaboration'
 import CollaborationCursor from '@tiptap/extension-collaboration-cursor'
 import TaskList from '@tiptap/extension-task-list'

docs/src/demos/Examples/Community/index.vue

@@ -42,7 +42,7 @@
 
 <script>
 import tippy from 'tippy.js'
-import { Editor, EditorContent, VueRenderer } from '@tiptap/vue'
+import { Editor, EditorContent, VueRenderer } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Examples/Default/Vue/index.vue

@@ -70,9 +70,8 @@
 </template>
 
 <script>
-import {
-  Editor, EditorContent, defaultExtensions,
-} from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 
 export default {
   components: {

docs/src/demos/Examples/Drawing/Paper.js

@@ -1,5 +1,5 @@
 import { Node, mergeAttributes } from '@tiptap/core'
-import { VueNodeViewRenderer } from '@tiptap/vue'
+import { VueNodeViewRenderer } from '@tiptap/vue-2'
 import Component from './Component.vue'
 
 export default Node.create({

docs/src/demos/Examples/Drawing/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Text from '@tiptap/extension-text'
 import Paper from './Paper.js'

docs/src/demos/Examples/Formatting/index.vue

@@ -43,7 +43,8 @@
 </template>
 
 <script>
-import { defaultExtensions, Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 import TextAlign from '@tiptap/extension-text-align'
 import Highlight from '@tiptap/extension-highlight'
 

docs/src/demos/Examples/Images/index.vue

@@ -8,8 +8,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Examples/MarkdownShortcuts/index.vue

@@ -5,7 +5,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 import Highlight from '@tiptap/extension-highlight'
 import Typography from '@tiptap/extension-typography'
 

docs/src/demos/Examples/Minimal/index.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Examples/Savvy/index.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Examples/Tables/index.vue

@@ -63,8 +63,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import { defaultExtensions } from '@tiptap/starter-kit'
 import Table from '@tiptap/extension-table'
 import TableRow from '@tiptap/extension-table-row'

docs/src/demos/Examples/TodoApp/index.vue

@@ -5,8 +5,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Experiments/CollaborationAnnotation/index.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Experiments/Commands/commands.js

@@ -7,7 +7,7 @@ export default Extension.create({
   defaultOptions: {
     suggestion: {
       char: '/',
-      startOfLine: true,
+      startOfLine: false,
       command: ({ editor, range, props }) => {
         props.command({ editor, range })
       },

docs/src/demos/Experiments/Commands/index.vue

@@ -6,9 +6,8 @@
 
 <script>
 import tippy from 'tippy.js'
-import {
-  Editor, EditorContent, defaultExtensions, VueRenderer,
-} from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent, VueRenderer } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 import Commands from './commands'
 import CommandsList from './CommandsList'
 
@@ -118,7 +117,9 @@ export default {
         }),
       ],
       content: `
-        <p>Text</p>
+        <p>Type a slash</p>
+        <p></p>
+        <p></p>
       `,
     })
   },

docs/src/demos/Experiments/Details/index.vue

@@ -19,9 +19,8 @@
 </template>
 
 <script>
-import {
-  Editor, EditorContent, defaultExtensions,
-} from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 import Details from './details'
 import DetailsSummary from './details-summary'
 

docs/src/demos/Experiments/Embeds/index.vue

@@ -9,9 +9,8 @@
 </template>
 
 <script>
-import {
-  Editor, EditorContent, defaultExtensions,
-} from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 import Iframe from './iframe'
 
 export default {

docs/src/demos/Experiments/Linter/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Text from '@tiptap/extension-text'
 import Paragraph from '@tiptap/extension-paragraph'

docs/src/demos/Experiments/MultipleEditors/index.vue

@@ -28,8 +28,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Experiments/Placeholder/index.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Extensions/CharacterCount/index.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Extensions/Collaboration/index.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Extensions/CollaborationCursor/index.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Extensions/Dropcursor/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Extensions/Focus/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Extensions/FontFamily/index.vue

@@ -24,8 +24,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Extensions/Gapcursor/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Extensions/History/index.vue

@@ -12,8 +12,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Extensions/TextAlign/index.vue

@@ -20,8 +20,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Heading from '@tiptap/extension-heading'

docs/src/demos/Extensions/Typography/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Guide/Content/ExportHTML/index.vue

@@ -25,7 +25,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 
 export default {
   components: {

docs/src/demos/Guide/Content/ExportJSON/index.vue

@@ -25,7 +25,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 
 export default {
   components: {

docs/src/demos/Guide/Content/ReadOnly/index.vue

@@ -9,7 +9,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 
 export default {
   components: {

docs/src/demos/Guide/GettingStarted/VModel/Editor.vue

@@ -3,8 +3,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import { defaultExtensions } from '@tiptap/starter-kit'
 
 export default {

docs/src/demos/Guide/NodeViews/DragHandle/DraggableItem.js

@@ -1,5 +1,5 @@
 import { Node, mergeAttributes } from '@tiptap/core'
-import { VueNodeViewRenderer } from '@tiptap/vue'
+import { VueNodeViewRenderer } from '@tiptap/vue-2'
 import Component from './Component.vue'
 
 export default Node.create({

docs/src/demos/Guide/NodeViews/DragHandle/index.vue

@@ -5,7 +5,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 import DraggableItem from './DraggableItem.js'
 
 export default {

docs/src/demos/Guide/NodeViews/TableOfContents/TableOfContents.js

@@ -1,5 +1,5 @@
 import { Node, mergeAttributes } from '@tiptap/core'
-import { VueNodeViewRenderer } from '@tiptap/vue'
+import { VueNodeViewRenderer } from '@tiptap/vue-2'
 import Component from './Component.vue'
 
 export default Node.create({

docs/src/demos/Guide/NodeViews/TableOfContents/index.vue

@@ -5,7 +5,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 import TableOfContents from './TableOfContents.js'
 
 export default {

docs/src/demos/Marks/Bold/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Marks/Code/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Marks/Highlight/index.vue

@@ -40,8 +40,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Marks/Italic/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Marks/Link/index.vue

@@ -11,8 +11,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Marks/Strike/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Marks/TextStyle/index.vue

@@ -5,8 +5,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Marks/Underline/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/Blockquote/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/BulletList/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/CodeBlock/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/Document/index.vue

@@ -5,8 +5,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/HardBreak/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/Heading/index.vue

@@ -15,8 +15,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/HorizontalRule/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/Image/index.vue

@@ -8,8 +8,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/ListItem/index.vue

@@ -12,8 +12,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/Mention/index.vue

@@ -6,7 +6,7 @@
 
 <script>
 import tippy from 'tippy.js'
-import { Editor, EditorContent, VueRenderer } from '@tiptap/vue'
+import { Editor, EditorContent, VueRenderer } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/OrderedList/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/Paragraph/index.vue

@@ -5,8 +5,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/Table/index.vue

@@ -59,8 +59,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/TaskItem/index.vue

@@ -5,8 +5,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/TaskList/index.vue

@@ -9,8 +9,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Nodes/Text/index.vue

@@ -5,8 +5,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
+import { Editor, EditorContent } from '@tiptap/vue-2'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

docs/src/demos/Overview/Installation/index.vue

@@ -3,7 +3,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { defaultExtensions } from '@tiptap/starter-kit'
 
 export default {
   components: {

docs/src/docPages/api/nodes/mention.md

@@ -31,10 +31,10 @@ Currently, we’re supporting custom Vue.js components only. To get the required
 
 ```bash
 # with npm
-npm install @tiptap/vue
+npm install @tiptap/vue-2
 
 # with Yarn
-yarn add @tiptap/vue
+yarn add @tiptap/vue-2
 ```
 
 And yes, we plan to support React, too. Meanwhile, you can roll your own `ReactRenderer`, but don’t forget to share it with the community.

docs/src/docPages/guide/node-views.md

@@ -7,7 +7,7 @@ Node views are the best thing since sliced bread, at least if you’re a fan of
 
 <!-- ```js
 import { Node } from '@tiptap/core'
-import { VueNodeViewRenderer } from '@tiptap/vue'
+import { VueNodeViewRenderer } from '@tiptap/vue-2'
 import Component from './Component.vue'
 
 export default Node.create({
@@ -83,7 +83,7 @@ https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-task-item
 
 ```js
 import { Node } from '@tiptap/core'
-import { VueNodeViewRenderer } from '@tiptap/vue'
+import { VueNodeViewRenderer } from '@tiptap/vue-2'
 import Component from './Component.vue'
 
 export default Node.create({

docs/src/docPages/installation/vue.md

@@ -3,7 +3,7 @@
 ## toc
 
 ## Introduction
-The `@tiptap/vue` package is not yet ported to Vue 3. Meanwhile, you can find compatible version contributed by [@samwillis](https://github.com/samwillis) and [@areknawo](https://github.com/areknawo) here.
+The `@tiptap/vue-2` package is not yet ported to Vue 3. Meanwhile, you can find compatible version contributed by [@samwillis](https://github.com/samwillis) and [@areknawo](https://github.com/areknawo) here.
 
 ## EditorContent.ts
 https://github.com/ueberdosis/tiptap-next/issues/85#issuecomment-774520164

docs/src/tests/core/commands/clearContent.spec.js

@@ -1,6 +1,6 @@
 context('clearContent', () => {
   before(() => {
-    cy.visit('/demos/Examples/default')
+    cy.visit('/demos/Examples/Default/Vue')
   })
 
   it('returns true for the clearContent command', () => {

docs/src/tests/core/commands/insertHTML.spec.js

@@ -1,6 +1,6 @@
 context('insertHTML', () => {
   before(() => {
-    cy.visit('/demos/Examples/default')
+    cy.visit('/demos/Examples/Default/Vue')
   })
 
   it('returns true for the insertHTML command', () => {

docs/src/tests/core/commands/setContent.spec.js

@@ -1,6 +1,6 @@
 context('setContent', () => {
   before(() => {
-    cy.visit('/demos/Examples/default')
+    cy.visit('/demos/Examples/Default/Vue')
   })
 
   it('returns true for the setContent command', () => {