Merge remote-tracking branch 'origin/main' into light-theme

Author: danielroe

app/components/PackageCard.vue

@@ -48,21 +48,18 @@ 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)"
+          >{{ result.package.name }}</NuxtLink
+        >
+        <span
+          v-if="isExactMatch"
+          class="text-xs px-1.5 py-0.5 ml-2 rounded bg-accent/20 border border-accent/30 text-accent"
+          >{{ $t('search.exact_match') }}</span
         >
-          {{ result.package.name }}
-        </NuxtLink>
       </component>
-      <!-- Exact match badge -->
-      <span
-        v-if="isExactMatch"
-        class="shrink-0 text-xs px-1.5 py-0.5 rounded bg-accent/20 border border-accent/30 text-accent font-mono"
-      >
-        {{ $t('search.exact_match') }}
-      </span>
       <!-- Mobile: version next to package name -->
       <div class="sm:hidden text-fg-subtle flex items-center gap-1.5 shrink-0">
         <span
@@ -111,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>

app/components/SettingsMenu.vue

@@ -39,7 +39,8 @@ onKeyStroke(',', e => {
     return
   }
   e.preventDefault()
-  toggle()
+  triggerRef.value?.focus()
+  triggerRef.value?.click()
 })
 </script>
 

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