From d7fd11c1d056017e32e99dd6200d76fd1fd11f65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Wed, 31 Mar 2021 09:56:18 +0200
Subject: [PATCH] add link to single demo page

---
 docs/src/components/Demo/index.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/docs/src/components/Demo/index.vue b/docs/src/components/Demo/index.vue
index 341c058e..1c1e894c 100644
--- a/docs/src/components/Demo/index.vue
+++ b/docs/src/components/Demo/index.vue
@@ -24,7 +24,10 @@
           </div>
         </div>
         <div class="demo__meta">
-          <div class="demo__name">
+          <g-link class="demo__name" :to="`/demos/${name}`" v-if="isDevelopment">
+            Demo/{{ name }}
+          </g-link>
+          <div class="demo__name" v-else>
             Demo/{{ name }}
           </div>
           <a class="demo__link" :href="githubUrl" target="_blank">
@@ -67,8 +70,12 @@ export default {
       return this.files[this.currentIndex]
     },
 
+    isDevelopment() {
+      return process.env.NODE_ENV === 'development'
+    },
+
     githubUrl() {
-      if (process.env.NODE_ENV === 'development') {
+      if (this.isDevelopment) {
         return `vscode://file${this.cwd}/src/demos/${this.name}/${this.files[0].name}`
       }