fix: only implement known sizes

Author: bluwy

app/components/Package/Maintainers.vue

@@ -189,7 +189,7 @@ watch(
             class="link-subtle text-sm shrink-0"
             dir="ltr"
           >
-            <UserAvatar :username="maintainer.name" size="sm" />
+            <UserAvatar :username="maintainer.name" size="xs" />
             <span>{{ maintainer.name }}</span>
           </LinkBase>
           <span v-else class="font-mono text-sm text-fg-muted" dir="ltr">{{

app/components/User/Avatar.vue

@@ -1,37 +1,31 @@
 <script setup lang="ts">
 const props = defineProps<{
   username: string
-  size: 'sm' | 'md' | 'lg'
+  size: 'xs' | 'lg'
 }>()
 
 const sizePixels = computed(() => {
   switch (props.size) {
-    case 'sm':
+    case 'xs':
       return 24
-    case 'md':
-      return 40
     case 'lg':
       return 64
   }
 })
 
 const sizeClass = computed(() => {
   switch (props.size) {
-    case 'sm':
+    case 'xs':
       return 'size-6'
-    case 'md':
-      return 'size-10'
     case 'lg':
       return 'size-16'
   }
 })
 
 const textClass = computed(() => {
   switch (props.size) {
-    case 'sm':
+    case 'xs':
       return 'text-xs'
-    case 'md':
-      return 'text-base'
     case 'lg':
       return 'text-2xl'
   }