From f13212b3625ede0526294694941189ca6e00c693 Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Thu, 20 Aug 2020 17:31:06 +0200
Subject: [PATCH] add link to github to demo component

---
 docs/src/components/Demo/index.vue  | 7 +++++++
 docs/src/components/Demo/style.scss | 4 ++++
 2 files changed, 11 insertions(+)

diff --git a/docs/src/components/Demo/index.vue b/docs/src/components/Demo/index.vue
index a13307ec..4d99d5d9 100644
--- a/docs/src/components/Demo/index.vue
+++ b/docs/src/components/Demo/index.vue
@@ -20,6 +20,9 @@
         <prism :code="activeFile.content" :language="activeFile.highlight" :highlight="highlight" />
       </div>
     </div>
+    <div class="demo__link">
+      <a :href="githubUrl" target="_blank">Edit on GitHub</a>
+    </div>
   </div>
 </template>
 
@@ -81,6 +84,10 @@ export default {
     activeFile() {
       return this.files[this.currentIndex]
     },
+
+    githubUrl() {
+      return `https://github.com/ueberdosis/tiptap-next/tree/main/docs/src/demos/${this.name}`
+    },
   },
 
   mounted() {
diff --git a/docs/src/components/Demo/style.scss b/docs/src/components/Demo/style.scss
index c215eba2..f5a43b88 100644
--- a/docs/src/components/Demo/style.scss
+++ b/docs/src/components/Demo/style.scss
@@ -48,4 +48,8 @@
       border-radius: 0;
     }
   }
+
+  &__link {
+    padding: 1rem 1.5rem;
+  }
 }
\ No newline at end of file