improve new extensions

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

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

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

@@ -31,11 +31,11 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        BulletList(),
-        ListItem(),
+        Document,
+        Paragraph,
+        Text,
+        BulletList,
+        ListItem,
       ],
       content: `
         <ul>

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

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

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

@@ -25,9 +25,9 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
+        Document,
+        Paragraph,
+        Text,
       ],
       content: `
         <p>The Document extension is required. Though, you can write your own implementation, e. g. to give it custom name.</p>

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

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

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

@@ -36,10 +36,10 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        Heading({
+        Document,
+        Paragraph,
+        Text,
+        Heading.set({
           levels: [1, 2, 3],
         }),
       ],

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

@@ -30,10 +30,10 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        HorizontalRule(),
+        Document,
+        Paragraph,
+        Text,
+        HorizontalRule,
       ],
       content: `
         <p>This is a paragraph.</p>

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

@@ -38,11 +38,11 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        Image(),
-        Dropcursor(),
+        Document,
+        Paragraph,
+        Text,
+        Image,
+        Dropcursor,
       ],
       content: `
         <p>This is a basic example of implementing images. Drag to re-order.</p>

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

@@ -35,12 +35,12 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        BulletList(),
-        OrderedList(),
-        ListItem(),
+        Document,
+        Paragraph,
+        Text,
+        BulletList,
+        OrderedList,
+        ListItem,
       ],
       content: `
         <p>

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

@@ -31,11 +31,11 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        OrderedList(),
-        ListItem(),
+        Document,
+        Paragraph,
+        Text,
+        OrderedList,
+        ListItem,
       ],
       content: `
         <ol>

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

@@ -25,9 +25,9 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
+        Document,
+        Paragraph,
+        Text,
       ],
       content: `
         <p>The Paragraph extension is not required, but it’s very likely you want to use it. It’s needed to write paragraphs of text. 🤓</p>

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

@@ -27,11 +27,11 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        TaskList(),
-        TaskItem(),
+        Document,
+        Paragraph,
+        Text,
+        TaskList,
+        TaskItem,
       ],
       content: `
         <ul data-type="task_list">

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

@@ -31,11 +31,11 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        TaskList(),
-        TaskItem(),
+        Document,
+        Paragraph,
+        Text,
+        TaskList,
+        TaskItem,
       ],
       content: `
         <ul data-type="task_list">

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

@@ -25,9 +25,9 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
+        Document,
+        Paragraph,
+        Text,
       ],
       content: `
         <p>The Text extension is required, at least if you want to have text in your text editor and that’s very likely.</p>