Created blog page, many improvements

components/blocks/Flooter.vue

@@ -4,9 +4,10 @@ const props = defineProps({
 })
 
 const config = useAppConfig()
+const fqdn = config.url.split('//')[1]
 
 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: ${
+const mailTemplate = `I've just found a bug on ${config.url} and would like to report it.%0D%0A%0D%0AWebsite version: ${
   config.build.version
 }%0D%0ABuild date: ${
   config.build.date
@@ -29,9 +30,9 @@ const mailTemplate = `I've just found a bug on https://enderman.ch and would lik
           'link-hi-force-dark': !props.opaque,
           'link-hi': props.opaque,
         }"
-        address="contact@enderman.ch"
-        cc="admin@enderman.ch"
-        subject="Bug report: enderman.ch"
+        :address="`contact@${fqdn}`"
+        :cc="`admin@${fqdn}`"
+        :subject="`Bug report: ${fqdn}`"
         :body="mailTemplate"
       >
         <strong>Report a bug</strong>
@@ -43,7 +44,7 @@ const mailTemplate = `I've just found a bug on https://enderman.ch and would lik
           'link-hi-force-dark': !props.opaque,
           'link-hi': props.opaque,
         }"
-        href="https://enderman.ch"
+        :href="config.url"
         >Enderman</a
       >. All rights reserved.
       <wbr />

components/blocks/Options.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import cogIcon from '~/assets/images/icons/cog.png'
 import pearlIcon from '~/assets/images/icons/pearl.gif'
+
+const theme = useVThemeSSR()
 </script>
 
 <template>
@@ -46,13 +48,13 @@ import pearlIcon from '~/assets/images/icons/pearl.gif'
               </div>
             </div>
           </div>
-
           Report a bug
         </VCardText>
         <VCardActions>
           <VSpacer></VSpacer>
+          <VBtn color="danger" @click="theme.toggle()" />
           <VBtn
-            color="success"
+            variant="outlined"
             prepend-icon="close"
             @click="isActive.value = false"
           >