character rules

src/characters/CharacterLabel.vue

@@ -4,14 +4,17 @@ import {Character} from "./chartacters.ts";
 
 interface Props {
   character: Character;
+  size?: number;
 }
 
-const props = defineProps<Props>();
+const props = withDefaults(defineProps<Props>(), {
+  size: 32
+})
 </script>
 
 <template>
   <div class="flex">
-    <img class="me-2" :src="`https://images.evetech.net/characters/${character.characterId}/portrait?size=32`" />
+    <img class="me-2" :src="`https://images.evetech.net/characters/${character.characterId}/portrait?size=${size}`" />
     <span>{{ character.name }}</span>
   </div>
 </template>