fix(a11y): use external link to focus main content (#1460)

Author: OrbisK

app/app.vue

@@ -121,12 +121,9 @@ if (import.meta.client) {
 <template>
   <div class="min-h-screen flex flex-col bg-bg text-fg">
     <NuxtPwaAssets />
-    <LinkBase
-      :to="{ hash: '#main-content', query: route.query, params: route.params }"
-      variant="button-primary"
-      class="skip-link"
-      >{{ $t('common.skip_link') }}</LinkBase
-    >
+    <LinkBase to="#main-content" external variant="button-primary" class="skip-link">{{
+      $t('common.skip_link')
+    }}</LinkBase>
 
     <AppHeader :show-logo="!isHomepage" />
 

app/components/Link/Base.vue

@@ -73,6 +73,7 @@ const isButtonMedium = computed(() => props.size === 'medium' && !isLink.value)
     ><slot
   /></span>
   <NuxtLink
+    v-bind="props"
     v-else
     class="group/link gap-x-1 items-center"
     :class="{