From 9580dd0b25bea9eddcb52e7fdcecba77ac10f32c Mon Sep 17 00:00:00 2001
From: Kristian Polso <kristian.polso@gmail.com>
Date: Fri, 20 Apr 2018 16:35:27 +0300
Subject: [PATCH] Dynamic edit links

---
 .vuepress/components/EditLink.vue | 23 +++++++++++++++++------
 .vuepress/theme/Layout.vue        |  4 ++--
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/.vuepress/components/EditLink.vue b/.vuepress/components/EditLink.vue
index d7eee31..a61a64c 100644
--- a/.vuepress/components/EditLink.vue
+++ b/.vuepress/components/EditLink.vue
@@ -7,19 +7,30 @@
 
 <script>
 export default {
+  props: ['path'],
   data () {
     return {
       githubUrl: ''
     }
   },
   name: 'EditLink',
-  created () {
-    this.githubUrl = 'https://github.com/'+ this.$site.themeConfig.repo + '/edit/' + this.$site.themeConfig.docsBranch;
+  methods: {
+    updateUrl () {
+      this.githubUrl = 'https://github.com/'+ this.$site.themeConfig.repo + '/edit/' + this.$site.themeConfig.docsBranch;
 
-    if(this.$page.path == '/') {
-      this.githubUrl = this.githubUrl + '/README.md';
-    } else {
-      this.githubUrl = this.githubUrl + this.$page.path.replace('.html', '.md');
+      if(this.$page.path == '/') {
+        this.githubUrl = this.githubUrl + '/README.md';
+      } else {
+        this.githubUrl = this.githubUrl + this.$page.path.replace('.html', '.md');
+      }
+    }
+  },
+  created () {
+    this.updateUrl();
+  },
+  watch: {
+    path () {
+      this.updateUrl();
     }
   }
 }
diff --git a/.vuepress/theme/Layout.vue b/.vuepress/theme/Layout.vue
index 49a7a52..e4b7209 100644
--- a/.vuepress/theme/Layout.vue
+++ b/.vuepress/theme/Layout.vue
@@ -35,7 +35,7 @@
         
               <Content custom></Content>
 
-              <edit-link></edit-link>
+              <edit-link :path="this.$page.path"></edit-link>
               
             </v-flex>
 
@@ -57,7 +57,7 @@
 
               <Content custom></Content>
 
-              <edit-link></edit-link>
+              <edit-link :path="this.$page.path"></edit-link>
             
             </v-flex>