@bagelink/vue 1.9.138 → 1.9.142

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.9.138",
+  "version": "1.9.142",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/components/Avatar.vue

@@ -19,7 +19,7 @@ withDefaults(defineProps<{
 		:style="{ width: `${size}px`, height: `${size}px` }"
 	>
 		<Image v-if="src" :src="src" :alt="alt || name" />
-		<Icon v-else-if="icon" :icon="icon" :size="size" />
+		<Icon v-else-if="icon" :icon="icon" :size="size / 40" />
 		<p v-else :style="{ 'line-height': `${size}px`, 'font-size': `calc(1.5rem * ${size} / 50)` }">
 			{{ (fallback || initials(name || '')).toUpperCase() }}
 		</p>

package/src/form-flow/FormFlow.vue

@@ -18,7 +18,7 @@ import TelInput from '../components/form/inputs/TelInput.vue'
 import TextInput from '../components/form/inputs/TextInput.vue'
 import ToggleInput from '../components/form/inputs/ToggleInput.vue'
 import UploadInput from '../components/form/inputs/Upload/UploadInput.vue'
-import { useI18n } from '../i18n'
+import { useI18n, resolveI18n } from '../i18n'
 
 import { parseQuery } from '../utils/queryFilter'
 
@@ -283,9 +283,14 @@ function getFieldComponent(type: string) {
 	return componentMap[type] || TextInput
 }
 
-// Merged errors (external from parent + internal validation)
+// Merged errors (external from parent + internal validation), with i18n resolution
 const mergedErrors = computed(() => {
-	return { ...validationErrors.value, ...(props.errors || {}) }
+	const combined = { ...validationErrors.value, ...(props.errors || {}) }
+	const resolved: Record<string, string> = {}
+	for (const [key, val] of Object.entries(combined)) {
+		resolved[key] = resolveI18n(val) ?? val
+	}
+	return resolved
 })
 
 // Get props for field component