From 81471723252b295b9ba4189c5690e4964d6a4486 Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Thu, 5 Nov 2020 13:51:09 +0100
Subject: [PATCH] update the gapcursor page & example

---
 docs/src/demos/Extensions/Gapcursor/index.vue | 7 ++++---
 docs/src/docPages/api/extensions/gapcursor.md | 2 +-
 docs/src/links.yaml                           | 1 -
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/src/demos/Extensions/Gapcursor/index.vue b/docs/src/demos/Extensions/Gapcursor/index.vue
index 14e46c2a..11d5bc99 100644
--- a/docs/src/demos/Extensions/Gapcursor/index.vue
+++ b/docs/src/demos/Extensions/Gapcursor/index.vue
@@ -9,7 +9,7 @@ import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Gapcursor from '@tiptap/extension-focus'
+import Gapcursor from '@tiptap/extension-gapcursor'
 import Image from '@tiptap/extension-image'
 
 export default {
@@ -33,7 +33,7 @@ export default {
         Gapcursor(),
       ],
       content: `
-        <p>Try to set the cursor behind the image!</p>
+        <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>
         <img src="https://source.unsplash.com/8xznAGy4HcY/800x400" />
       `,
     })
@@ -46,13 +46,14 @@ export default {
 </script>
 
 <style lang="scss">
-/* Copied form the original prosemirror-gapcursor plugin by Marijn Haverbeke */
+/* Copied from the original prosemirror-gapcursor plugin by Marijn Haverbeke */
 /* https://github.com/ProseMirror/prosemirror-gapcursor/blob/master/style/gapcursor.css */
 
 .ProseMirror-gapcursor {
   display: none;
   pointer-events: none;
   position: absolute;
+  border: 10px solid red;
 }
 
 .ProseMirror-gapcursor:after {
diff --git a/docs/src/docPages/api/extensions/gapcursor.md b/docs/src/docPages/api/extensions/gapcursor.md
index 52d358f2..a42b7ef0 100644
--- a/docs/src/docPages/api/extensions/gapcursor.md
+++ b/docs/src/docPages/api/extensions/gapcursor.md
@@ -16,4 +16,4 @@ yarn add @tiptap/extension-gapcursor
 [packages/extension-gapcursor/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-gapcursor/)
 
 ## Usage
-<demo name="Extensions/Gapcursor" highlight="" />
+<demo name="Extensions/Gapcursor" highlight="12,33" />
diff --git a/docs/src/links.yaml b/docs/src/links.yaml
index adf1c1f4..ea41ebc0 100644
--- a/docs/src/links.yaml
+++ b/docs/src/links.yaml
@@ -173,7 +173,6 @@
           draft: true
         - title: Gapcursor
           link: /api/extensions/gapcursor
-          draft: true
         - title: History
           link: /api/extensions/history
         - title: TextAlign