docs: move around examples

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

@@ -7,6 +7,7 @@
 <script>
 import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
 import Highlight from '@tiptap/extension-highlight'
+import Typography from '@tiptap/extension-typography'
 
 export default {
   components: {
@@ -32,12 +33,16 @@ export default {
           Those conventions are called input rules in tiptap. Some of them are enabled by default. Try <code>></code> for blockquotes, <code>*</code>, <code>-</code> or <code>+</code> for bullet lists, or <code>\`foobar\`</code> to highlight code, <code>~~tildes~~</code> to strike text, or <code>==equal signs==</code> to highlight text.
         </p>
         <p>
-          You can overwrite existing input rules or add your own to new nodes and marks.
+          You can overwrite existing input rules or add your own to nodes, marks and extensions.
+        </p>
+        <p>
+          For example, we added the <code>Typography</code> extensions here. Try typing <code>(c)</code> to see how it’s converted to a proper © character. You can also try <code>-></code>, <code>>></code>, <code>1/2</code>, <code>!=</code>, or <code>--</code>.
         </p>
       `,
       extensions: [
         ...defaultExtensions(),
         Highlight,
+        Typography,
       ],
     })
   },

docs/src/docPages/examples/read-only.md

@@ -1,3 +0,0 @@
-# Read-only
-
-<demo name="Examples/ReadOnly" highlight="3-6,22,28,41-47" />

docs/src/links.yaml

@@ -24,15 +24,12 @@
       link: /examples/markdown-shortcuts
     - title: Formatting
       link: /examples/formatting
-      draft: true
     - title: Todo app
       link: /examples/todo-app
     - title: Write a book
       link: /examples/book
-    # - title: Read-only
+    - title: For minimalists
-    #   link: /examples/read-only
+      link: /examples/minimalist
-    # - title: Minimalist
-    #   link: /examples/minimalist
     # - title: Use with v-model
     #   link: /examples/v-model