From a3a559a419164efd07fb3ba8cb4c620f91833d34 Mon Sep 17 00:00:00 2001
From: Jonas Thelemann <e-mail@jonas-thelemann.de>
Date: Thu, 6 Oct 2022 05:37:07 +0200
Subject: [PATCH] fix(footer): use button instead of link

---
 nuxt/components/_/Footer.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/nuxt/components/_/Footer.vue b/nuxt/components/_/Footer.vue
index 510475517..57de97933 100644
--- a/nuxt/components/_/Footer.vue
+++ b/nuxt/components/_/Footer.vue
@@ -82,17 +82,18 @@
           </AppLink>
         </FooterCategory>
         <FooterCategory :heading="t('colorScheme')">
-          <AppLink
+          <Button
             v-for="colorScheme in ['System', 'Light', 'Dark']"
             :key="colorScheme"
+            :aria-label="t(`colorScheme${colorScheme}`)"
+            is-link-colored
             :class="{
               disabled: colorMode.preference === colorScheme.toLowerCase(),
             }"
-            to=""
             @click="colorMode.preference = colorScheme.toLowerCase()"
           >
             {{ t(`colorScheme${colorScheme}`) }}
-          </AppLink>
+          </Button>
         </FooterCategory>
       </div>
       <p class="text-center text-gray-500 dark:text-gray-400">