i18n

src/components/AvatarInfo.vue

@@ -3,7 +3,9 @@
         <span v-if="avatarName" class="flex items-center mr-1"
             >{{ avatarName }} <Lock v-if="avatarType && avatarType === '(own)'" class="h-4 w-4 ml-1"
         /></span>
-        <span v-else class="flex items-center mr-1 text-muted-foreground">Unknown Avatar</span>
+        <span v-else class="flex items-center mr-1 text-muted-foreground">{{
+            t('dialog.user.info.unknown_avatar')
+        }}</span>
         <TooltipWrapper v-if="avatarTags">
             <template #content>
                 <span class="truncate">{{ avatarTags }}</span>
@@ -16,10 +18,12 @@
 <script setup>
     import { ref, watch } from 'vue';
     import { Lock } from 'lucide-vue-next';
+    import { useI18n } from 'vue-i18n';
 
     import { TooltipWrapper } from './ui/tooltip';
     import { useAvatarStore } from '../stores';
 
+    const { t } = useI18n();
     const avatarStore = useAvatarStore();
 
     const props = defineProps({

src/localization/en.json

@@ -1107,6 +1107,7 @@
                 "memo_placeholder": "Click to add a memo",
                 "avatar_info": "Avatar Info",
                 "avatar_info_last_seen": "Avatar Info Last Seen",
+                "unknown_avatar": "Unknown Avatar",
                 "represented_group": "Represented Group",
                 "bio": "Bio",
                 "last_seen": "Last Seen",