feat: control edit link via front matter

Signed-off-by: ZTL-UwU <[email protected]>

components/layout/DocsFooter.vue

@@ -1,12 +1,6 @@
 <template>
   <div class="mt-16">
-    <div v-if="editLink.enable" class="mb-6 flex justify-between">
-      <LayoutEditLink />
-    </div>
+    <LayoutEditLink />
     <LayoutPrevNext />
   </div>
 </template>
-
-<script setup lang="ts">
-const { editLink } = useConfig().value.main;
-</script>

components/layout/EditLink.vue

@@ -1,7 +1,9 @@
 <template>
-  <div>
+  <div
+    v-if="enable && page.editLink !== false && page._file && url !== ''"
+    class="mb-6 w-fit"
+  >
     <NuxtLink
-      v-if="enable && page._file && url !== ''"
       :to="url"
       target="_blank"
       class="text-sm font-semibold text-primary"

content/1.getting-started/3.writing/2.pages.md

@@ -49,4 +49,7 @@ badges:
   ::field{name="toc" type="boolean" default-value="true"}
   Whether to show the toc section for this page.
   ::
+  ::field{name="editLink" type="boolean" default-value="true"}
+  Whether to show the edit link for this page.
+  ::
 ::

content/3.api/1.configuration/5.edit-link.md

@@ -27,6 +27,16 @@ export default defineAppConfig({
 
 - The `icon` option allows you to customize the icon (default is `lucide:square-pen`)
 
+### Front Matter
+
+The edit link can be disabled per-page using the `editLink` option in front matter.
+
+```yaml
+---
+editLink: false
+---
+```
+
 ## Parameters
 
 ::field-group

nuxt.config.ts

@@ -51,6 +51,7 @@ export default defineNuxtConfig({
         'toc',
         'sidebar',
         'collapse',
+        'editLink',
       ],
     },
     experimental: {