improve new extensions

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

@@ -37,10 +37,10 @@ export default {
       //   <p>Example Text</p>
       // `,
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        Collaboration({
+        Document,
+        Paragraph,
+        Text,
+        Collaboration.set({
           provider: this.provider,
           type: this.type,
         }),

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

@@ -38,14 +38,14 @@ export default {
       //   <p>Example Text</p>
       // `,
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        Collaboration({
+        Document,
+        Paragraph,
+        Text,
+        Collaboration.set({
           provider: this.provider,
           type: this.type,
         }),
-        CollaborationCursor({
+        CollaborationCursor.set({
           provider: this.provider,
           name: 'Cyndi Lauper',
           color: '#f783ac',

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

@@ -26,11 +26,11 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        Image(),
-        Dropcursor(),
+        Document,
+        Paragraph,
+        Text,
+        Image,
+        Dropcursor,
       ],
       content: `
         <p>Try to drag around the image. While you drag, the editor should show a decoration under your cursor. The so called dropcursor.</p>

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

@@ -28,16 +28,16 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        Focus({
+        Document,
+        Paragraph,
+        Text,
+        Focus.set({
           className: 'has-focus',
           nested: true,
         }),
-        Code(),
-        BulletList(),
-        ListItem(),
+        Code,
+        BulletList,
+        ListItem,
       ],
       autoFocus: true,
       content: `

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

@@ -46,11 +46,11 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        TextStyle(),
-        FontFamily(),
+        Document,
+        Paragraph,
+        Text,
+        TextStyle,
+        FontFamily,
       ],
       content: `
         <p><span style="font-family: Inter">Did you know that Inter is a really nice font for interfaces?</span></p>

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

@@ -26,11 +26,11 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        Image(),
-        Gapcursor(),
+        Document,
+        Paragraph,
+        Text,
+        Image,
+        Gapcursor,
       ],
       content: `
         <p>Try to set the cursor behind the image with your arrow keys! You should see big blinking cursor right from the image. This is the gapcursor.</p>

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

@@ -33,10 +33,10 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        History(),
+        Document,
+        Paragraph,
+        Text,
+        History,
       ],
       content: `
         <p>

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

@@ -42,11 +42,11 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        Heading(),
-        TextAlign(),
+        Document,
+        Paragraph,
+        Text,
+        Heading,
+        TextAlign,
       ],
       content: `
         <h2>Heading</h2>

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

@@ -25,10 +25,10 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        Typography(),
+        Document,
+        Paragraph,
+        Text,
+        Typography,
       ],
       content: `
         <p>“I have been suffering from Typomania all my life, a sickness that is incurable but not lethal.”</p>