feat: add option to have a custom button for the helpful layout

CHANGELOG.md

@@ -6,6 +6,9 @@
 
   - Customize your website with plugins that enhance its functionality and appearance. Aplós offers a variety of plugins that you can easily integrate into your project. Let's explore the available plugins and how you can use them to improve your website.
 
+
+- Add option to have a custom button for the helpful layout
+
 - Make comments in articles optional
 
 - Reading time for articles

README.md

@@ -1,6 +1,6 @@
 <div align="center">
 <h1>Aplós</h1>
-  
+
 A sleek, contemporary, and purposefully designed VitePress theme
 
 </div>

src/layouts/Helpful.vue

@@ -2,20 +2,25 @@
   <section id="simple-layout">
     <p class="dialog-buttons">
       <a href="#top" target="_top">↑ Go to top</a>
-      <a
-        v-if="theme.nav.git"
-        id="file-an-issue"
-        :href="theme.nav.git + '/issues/new'"
-        >File an issue</a
-      >
+      <template v-if="theme.nav.git || frontmatter.footlink">
+        <a
+          class="extra-link"
+          :href="theme.nav.git + '/issues/new'"
+          v-if="theme.nav.git && !frontmatter.footlink"
+          >File an issue</a
+        >
+        <a id="extra-link" :href="frontmatter.footlink.url" v-else>{{
+          frontmatter.footlink.text
+        }}</a>
+      </template>
     </p>
   </section>
 </template>
 
 <script setup lang="ts">
 import { useData } from "vitepress";
 
-const { theme } = useData();
+const { theme, frontmatter } = useData();
 </script>
 
 <style lang="scss">
@@ -49,7 +54,7 @@ const { theme } = useData();
   }
 }
 
-#file-an-issue {
+#extra-link {
   background-color: transparent;
   color: var(--color-accent);