fix(footer): use button instead of link

maevsi · Oct 6, 2022 · a3a559a · a3a559a
1 parent f326237
commit a3a559a
Showing 1 changed file with 4 additions and 3 deletions.
diff --git 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">