From db6aa4a3f90e4d98f4b415e5eb726d19c5784e87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Wed, 22 Aug 2018 18:23:31 +0200
Subject: [PATCH] add source code link to examples

---
 examples/Components/App/index.vue  | 10 ++++++++++
 examples/Components/App/style.scss | 18 +++++++++++++++++-
 examples/main.js                   | 18 ++++++++++++++++++
 3 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/examples/Components/App/index.vue b/examples/Components/App/index.vue
index d5e46a10..60679e59 100644
--- a/examples/Components/App/index.vue
+++ b/examples/Components/App/index.vue
@@ -4,15 +4,25 @@
     <div class="page__content">
       <router-view />
     </div>
+    <div class="page__footer">
+      <a class="page__source-link" :href="$route.meta.githubUrl" target="_blank">
+        <icon name="code" />
+        <span>
+          Show Code
+        </span>
+      </a>
+    </div>
   </div>
 </template>
 
 <script>
 import Navigation from 'Components/Navigation'
+import Icon from 'Components/Icon'
 
 export default {
   components: {
     Navigation,
+    Icon,
   },
 }
 </script>
diff --git a/examples/Components/App/style.scss b/examples/Components/App/style.scss
index 99d2d38d..cef1ef0e 100644
--- a/examples/Components/App/style.scss
+++ b/examples/Components/App/style.scss
@@ -4,7 +4,23 @@
 
 	&__content {
 		padding: 4rem 1rem;
-	}
+  }
+
+  &__footer {
+    text-align: center;
+  }
+
+  &__source-link {
+    display: inline-block;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 0.8rem;
+    background-color: rgba($color-black, 0.1);
+    color: $color-black;
+    border-radius: 5px;
+    padding: 0.2rem 0.5rem;
+  }
 
 }
 
diff --git a/examples/main.js b/examples/main.js
index 8cc32349..4d7e904e 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -21,26 +21,44 @@ const routes = [
   {
     path: '/',
     component: RouteMenuBar,
+    meta: {
+      githubUrl: 'https://github.com/heyscrumpy/tiptap/tree/master/examples/Components/Routes/MenuBar',
+    },
   },
   {
     path: '/menu-bubble',
     component: RouteMenuBubble,
+    meta: {
+      githubUrl: 'https://github.com/heyscrumpy/tiptap/tree/master/examples/Components/Routes/MenuBubble',
+    },
   },
   {
     path: '/links',
     component: RouteLinks,
+    meta: {
+      githubUrl: 'https://github.com/heyscrumpy/tiptap/tree/master/examples/Components/Routes/Links',
+    },
   },
   {
     path: '/hiding-menu-bar',
     component: RouteHidingMenuBar,
+    meta: {
+      githubUrl: 'https://github.com/heyscrumpy/tiptap/tree/master/examples/Components/Routes/HidingMenuBar',
+    },
   },
   {
     path: '/todo-list',
     component: RouteTodoList,
+    meta: {
+      githubUrl: 'https://github.com/heyscrumpy/tiptap/tree/master/examples/Components/Routes/TodoList',
+    },
   },
   {
     path: '/markdown-shortcuts',
     component: RouteMarkdownShortcuts,
+    meta: {
+      githubUrl: 'https://github.com/heyscrumpy/tiptap/tree/master/examples/Components/Routes/MarkdownShortcuts',
+    },
   },
 ]