add new pages, add more content

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

@@ -10,6 +10,9 @@ import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import Focus from '@tiptap/extension-focus'
+import Code from '@tiptap/extension-code'
+import BulletList from '@tiptap/extension-bullet-list'
+import ListItem from '@tiptap/extension-list-item'
 
 export default {
   components: {
@@ -32,15 +35,19 @@ export default {
           className: 'has-focus',
           nested: true,
         }),
+        Code(),
+        BulletList(),
+        ListItem(),
       ],
       autoFocus: true,
       content: `
         <p>
           The focus extension adds a class to the focused node only. That enables you to add a custom styling to just that node. By default, it’ll add <code>.has-focus</code>, even to nested nodes.
         </p>
-        <p>
-          Nested elements will be focused with the default setting nested: true. Otherwise the whole item will get the focus class, even when just a single nested item is selected.
-        </p>
+        <ul>
+          <li>Nested elements (like this list item) will be focused with the default setting of <code>nested: true</code>.</li>
+          <li>Otherwise the whole list will get the focus class, even when just a single list item is selected.</li>
+        </ul>
       `,
     })
   },

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

@@ -39,7 +39,12 @@ export default {
         History(),
       ],
       content: `
-        <p>Edit this text and press undo to test this extension.</p>
+        <p>
+          With the History extension the Editor will keep track of your changes. And if you think you made a mistake, you can redo your changes. Try it out, change the content and hit the undo button!
+        </p>
+        <p>
+          And yes, you can also use a keyboard shortcut to undo changes (Control/Cmd Z) or redo changes (Control/Cmd Shift Z).
+        </p>
       `,
     })
   },