changes

app/components/common/Avatarbox.vue

@@ -3,13 +3,19 @@ const props = defineProps({
   text: String,
   image: String,
   type: String,
-  size: String,
+  size: {
+    type: Number,
+    default: 9,
+  },
 });
 </script>
 <template>
   <div
     @click="$emit('justclick')"
-    class="avatarbox rounded-full mx-0 px-0 size-9 font-bold is-flex is-justify-content-center is-align-items-center"
+    :class="[
+      'avatarbox rounded-full mx-0 px-0 font-bold is-flex is-justify-content-center is-align-items-center',
+      `size-${size}`,
+    ]"
     :style="{
       border: image ? 'none' : '1px solid var(--bulma-grey-90)',
     }"