docs: update content

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

@@ -33,6 +33,7 @@ import { EditorContent } from '@tiptap/vue'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import Bold from '@tiptap/extension-bold'
 import TaskList from '@tiptap/extension-task-list'
 import TaskItem from '@tiptap/extension-task-item'
 import Collaboration from '@tiptap/extension-collaboration'
@@ -78,7 +79,7 @@ export default {
           field: 'title',
         }),
       ],
-      content: '<p>No matter what you do, this’ll be a single paragraph.',
+      content: '<p>No matter what you do, this will be a single paragraph.',
     })
 
     this.tasks = new Editor({
@@ -107,12 +108,16 @@ export default {
         Document,
         Paragraph,
         Text,
+        Bold,
         Collaboration.configure({
           document: this.ydoc,
           field: 'description',
         }),
       ],
       content: `
+        <p>
+          <strong>Lengthy text</strong>
+        </p>
         <p>
           This can be lengthy text.
         </p>
@@ -174,9 +179,14 @@ export default {
   padding: 0.75rem 1rem;
   border-radius: 5px;
   border: 1px solid #e9ecef;
+  transition: .1s all ease-in-out;
+
+  &:hover {
+    border-color: #68CEF8;
+  }
 
   &--title {
-    font-size: 1.6rem;
+    font-size: 1.5rem;
   }
 
   &--json {

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

@@ -94,15 +94,17 @@ export default {
         TableCell,
       ],
       content: `
-        <p>
+        <h3>
           Have you seen our tables? They are amazing!
-        </p>
+        </h3>
         <ul>
-          <li>tables with rows, headers and cells</li>
-          <li>Support for <code>colgroup</code> and <code>rowspan</code></li>
-          <li>Resizable columns</li>
-        </ul>
+          <li>tables with rows, cells and headers (optional)</li>
+          <li>support for <code>colgroup</code> and <code>rowspan</code></li>
+          <li>and even resizable columns (optional)</li>
         </ul>
+        <p>
+          Here is an example:
+        </p>
         <table>
           <tbody>
             <tr>
@@ -115,6 +117,17 @@ export default {
               <td>songwriter</td>
               <td>actress</td>
             </tr>
+            <tr>
+              <td>Philipp Kühn</td>
+              <td>designer</td>
+              <td>developer</td>
+              <td>maker</td>
+            </tr>
+            <tr>
+              <td>Hans Pagel</td>
+              <td>wrote this</td>
+              <td colspan="2">that’s it</td>
+            </tr>
           </tbody>
         </table>
       `,
@@ -130,6 +143,8 @@ export default {
 <style lang="scss">
 /* Basic editor styles */
 .ProseMirror {
+  margin: 1rem 0;
+
   > * + * {
     margin-top: 0.75em;
   }