add source code link to examples

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>

examples/Components/App/style.scss

@@ -6,6 +6,22 @@
 		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;
+  }
+
 }
 
 .editor {

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',
+    },
   },
 ]