Added the feedback mechanism

components/EMail.vue

@@ -24,7 +24,7 @@ const props = defineProps({
 
 const href =
   `mailto:${props.address}` +
-  (props.body ? `&body=${props.body}` : '') +
+  (props.body ? `?body=${props.body}` : '') +
   (props.subject ? `${props.body ? '&' : '?'}subject=${props.subject}` : '') +
   (props.cc ? `${props.body || props.subject ? '&' : '?'}cc=${props.cc}` : '') +
   (props.bcc
@@ -33,7 +33,7 @@ const href =
 </script>
 
 <template>
-  <a class="link-hi" target="_blank" rel="noopener" :href="href">
+  <a target="_blank" rel="noopener" :href="href">
     <slot>
       {{ props.address }}
     </slot>

components/Footer.vue

@@ -1,5 +1,14 @@
 <script setup lang="ts">
+import { useRuntimeConfig } from '#imports'
+
+const config = useRuntimeConfig()
 const currentYear = new Date().getFullYear()
+
+const mailTemplate = `I've just found a bug on https://enderman.ch and would like to report it.%0D%0A%0D%0AWebsite version: ${
+  config.public.version
+}%0D%0ABuild date: ${
+  config.public.buildDate
+}%0D%0ATimestamp: ${new Date().toISOString()}%0D%0A%0D%0A%0D%0ASteps to reproduce:%0D%0A{ Explain in detail what happened here, or attach a video/screenshot }%0D%0A%0D%0AAdditional information:%0D%0A{ Helpful information, such as developer console output / Leave empty if none }%0D%0A%0D%0A%0D%0A// Keep in mind that it's just a template, you can change it as you wish! :)`
 </script>
 
 <template>
@@ -7,8 +16,23 @@ const currentYear = new Date().getFullYear()
     class="float user-select-none mb-2 animate__animated animate__delay-1s animate__fadeInUpBig animate__slow text-align-center line-height-1-5"
   >
     <span class="transpaque font-small text-shadow">
-      © 2018-{{ currentYear }}, <a href="https://enderman.ch">Enderman</a>. All
-      rights reserved. • v1.1
+      © 2018-{{ currentYear }},
+      <a class="link-hi-force-dark" href="https://enderman.ch">Enderman</a>. All
+      rights reserved. •
+      <EMail
+        class="link-hi-force-dark"
+        address="[email protected]"
+        cc="[email protected]"
+        subject="Bug report: enderman.ch"
+        :body="mailTemplate"
+      >
+        <strong>Report a bug</strong>
+      </EMail>
+      <sub>
+        β{{ config.public.version ? config.public.version : '0.0.0' }} ({{
+          config.public.buildDate ? config.public.buildDate : '1970-01-01'
+        }})
+      </sub>
     </span>
   </footer>
 </template>