refactor collaboration extension

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

@@ -7,7 +7,7 @@ import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Yjs from '@tiptap/extension-yjs'
+import Collaboration from '@tiptap/extension-collaboration'
 
 export default {
   components: {
@@ -24,18 +24,13 @@ export default {
     this.editor = new Editor({
       // TODO: This is added by every new user.
       // content: `
-      //   <p>
-      //     This is a radically reduced version of tiptap. It has only support for a document, paragraphs and text. That’s it. It’s probably too much for real minimalists though.
-      //   </p>
-      //   <p>
-      //     The paragraph extension is not literally required, but you need at least one node. That node can be something different, for example to render a task list and only that task list.
-      //   </p>
+      //   <p>Example Text</p>
       // `,
       extensions: [
         Document(),
         Paragraph(),
         Text(),
-        Yjs({
+        Collaboration({
           name: 'Other User',
           color: '#d6336c',
         }),