make less assumptions about the Y.js provider, fix #70

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

@@ -19,12 +19,13 @@ export default {
   data() {
     return {
       editor: null,
+      provider: null,
     }
   },
 
   mounted() {
     const ydoc = new Y.Doc()
-    const provider = new WebrtcProvider('tiptap-collaboration-extension', ydoc)
+    this.provider = new WebrtcProvider('tiptap-collaboration-extension', ydoc)
 
     this.editor = new Editor({
       extensions: [
@@ -32,7 +33,7 @@ export default {
         Paragraph,
         Text,
         Collaboration.configure({
-          provider,
+          document: ydoc,
         }),
       ],
     })
@@ -40,6 +41,7 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
+    this.provider.destroy()
   },
 }
 </script>

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

@@ -20,12 +20,13 @@ export default {
   data() {
     return {
       editor: null,
+      provider: null,
     }
   },
 
   mounted() {
     const ydoc = new Y.Doc()
-    const provider = new WebrtcProvider('tiptap-collaboration-cursor-extension', ydoc)
+    this.provider = new WebrtcProvider('tiptap-collaboration-cursor-extension', ydoc)
 
     this.editor = new Editor({
       extensions: [
@@ -33,10 +34,10 @@ export default {
         Paragraph,
         Text,
         Collaboration.configure({
-          provider,
+          document: ydoc,
         }),
         CollaborationCursor.configure({
-          provider,
+          provider: this.provider,
           user: {
             name: 'Cyndi Lauper',
             color: '#f783ac',
@@ -48,6 +49,7 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
+    this.provider.destroy()
   },
 }
 </script>