diff --git a/src/client/theme-default/components/NavBarLinks.ts b/src/client/theme-default/components/NavBarLinks.ts
index e41aa966..9e5367ad 100644
--- a/src/client/theme-default/components/NavBarLinks.ts
+++ b/src/client/theme-default/components/NavBarLinks.ts
@@ -1,12 +1,14 @@
 import { computed } from 'vue'
-import { useSiteDataByRoute } from 'vitepress'
+import { useSiteData, useSiteDataByRoute } from 'vitepress'
 import NavBarLink from './NavBarLink.vue'
 import NavDropdownLink from './NavDropdownLink.vue'
+import NavRepoLink from './NavRepoLink.vue'
 
 export default {
   components: {
     NavBarLink,
-    NavDropdownLink
+    NavDropdownLink,
+    NavRepoLink
   },
 
   setup() {
@@ -16,7 +18,8 @@ export default {
           ? // navbar items do not change in production
             useSiteDataByRoute().value.themeConfig.nav
           : // use computed in dev for hot reload
-            computed(() => useSiteDataByRoute().value.themeConfig.nav)
+            computed(() => useSiteDataByRoute().value.themeConfig.nav),
+      editLinkConfig: computed(() => useSiteData().value.themeConfig.editLink)
     }
   }
 }
diff --git a/src/client/theme-default/components/NavBarLinks.vue b/src/client/theme-default/components/NavBarLinks.vue
index df0907ae..7ddb2782 100644
--- a/src/client/theme-default/components/NavBarLinks.vue
+++ b/src/client/theme-default/components/NavBarLinks.vue
@@ -1,8 +1,11 @@
 <template>
-  <nav class="nav-links" v-if="navData">
-    <template v-for="item of navData">
-      <NavDropdownLink v-if='item.items' :item="item"/>
-      <NavBarLink v-else :item="item"/>
+  <nav class="nav-links">
+    <template v-if="navData">
+      <template v-for="item of navData">
+        <NavDropdownLink v-if="item.items" :item="item" />
+        <NavBarLink v-else :item="item" />
+      </template>
+      <NavRepoLink v-if="editLinkConfig" :edit-link-config="editLinkConfig" />
     </template>
   </nav>
 </template>