fix: small fixes

Author: danielroe

app/components/PackageCard.vue

@@ -48,7 +48,7 @@ const emit = defineEmits<{
         <NuxtLink
           :to="{ name: 'package', params: { package: result.package.name.split('/') } }"
           :prefetch-on="prefetch ? 'visibility' : 'interaction'"
-          class="focus-visible:outline-none decoration-none scroll-mt-48 scroll-mb-6 after:content-[''] after:absolute after:inset-0"
+          class="decoration-none scroll-mt-48 scroll-mb-6 after:content-[''] after:absolute after:inset-0"
           :data-result-index="index"
           @focus="index != null && emit('focus', index)"
           @mouseenter="index != null && emit('focus', index)"
@@ -108,7 +108,7 @@ const emit = defineEmits<{
               </dd>
             </div>
             <div v-if="result.package.license" class="flex items-center gap-1.5">
-              <dt class="sr-only">License</dt>
+              <dt class="sr-only">{{ $t('package.card.license') }}</dt>
               <dd>{{ result.package.license }}</dd>
             </div>
           </dl>

i18n/locales/en.json

@@ -116,7 +116,8 @@
       "publisher": "Publisher",
       "updated": "Updated",
       "weekly_downloads": "Weekly downloads",
-      "keywords": "Keywords"
+      "keywords": "Keywords",
+      "license": "License"
     },
     "versions": {
       "title": "Versions",

uno.config.ts

@@ -121,7 +121,10 @@ export default defineConfig({
     ['link-subtle', 'text-fg-muted hover:text-fg transition-colors duration-200 focus-ring'],
 
     // Cards
-    ['card', 'bg-bg-subtle border border-border rounded-lg p-4 sm:p-6 transition-all duration-200'],
+    [
+      'card',
+      'bg-bg-subtle border border-border rounded-lg p-4 sm:p-6 transition-[border-color,background-color] duration-200',
+    ],
     ['card-interactive', 'card hover:(border-border-hover bg-bg-muted) cursor-pointer'],
 
     // Form elements