[READ-ONLY] a fast, modern browser for the npm registry

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

authored by

Robin and committed by
GitHub
2d805c57 456daee2

+4 -6
+3 -6
app/app.vue
··· 121 121 <template> 122 122 <div class="min-h-screen flex flex-col bg-bg text-fg"> 123 123 <NuxtPwaAssets /> 124 - <LinkBase 125 - :to="{ hash: '#main-content', query: route.query, params: route.params }" 126 - variant="button-primary" 127 - class="skip-link" 128 - >{{ $t('common.skip_link') }}</LinkBase 129 - > 124 + <LinkBase to="#main-content" external variant="button-primary" class="skip-link">{{ 125 + $t('common.skip_link') 126 + }}</LinkBase> 130 127 131 128 <AppHeader :show-logo="!isHomepage" /> 132 129
+1
app/components/Link/Base.vue
··· 73 73 ><slot 74 74 /></span> 75 75 <NuxtLink 76 + v-bind="props" 76 77 v-else 77 78 class="group/link gap-x-1 items-center" 78 79 :class="{