i18n implemented

app/components/NotificationBell.vue

@@ -21,7 +21,7 @@ async function goTo(n: AppNotification) {
 <template>
   <Popover v-model:open="open">
     <PopoverTrigger as-child>
-      <Button variant="ghost" size="icon" class="relative" aria-label="Benachrichtigungen">
+      <Button variant="ghost" size="icon" class="relative" :aria-label="$t('notifications.aria')">
         <Icon name="ph:bell-fill" class="size-5" />
         <span
           v-if="unreadCount"
@@ -32,7 +32,7 @@ async function goTo(n: AppNotification) {
     <PopoverContent align="end" class="w-80 gap-0 p-0">
       <div class="max-h-96 overflow-y-auto">
         <p v-if="!notifications.length" class="px-4 py-6 text-center text-sm text-muted-foreground">
-          Keine Benachrichtigungen.
+          {{ $t('notifications.empty') }}
         </p>
         <button
           v-for="n in notifications"
@@ -69,7 +69,7 @@ async function goTo(n: AppNotification) {
                 class="truncate font-medium"
                 :style="n.actorColor ? { color: n.actorColor } : undefined"
               >{{ n.actorName }}</span>
-              <span class="shrink-0 text-muted-foreground">{{ n.isMention ? 'hat dich erwähnt' : 'hat kommentiert' }}</span>
+              <span class="shrink-0 text-muted-foreground">{{ n.isMention ? $t('notifications.mentioned') : $t('notifications.commented') }}</span>
               <span class="ml-auto shrink-0 text-xs text-muted-foreground">{{ timeAgo(n.createdAt) }}</span>
             </div>
             <p class="mt-0.5 line-clamp-2 break-words text-muted-foreground">