i18n implemented

app/components/UploadTile.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { toast } from 'vue-sonner'
+import { cn } from '@/lib/utils'
 
 interface TileUpload {
   id: string
@@ -14,6 +15,7 @@ interface TileUpload {
 }
 
 const props = defineProps<{ upload: TileUpload }>()
+const { t } = useI18n()
 
 const { unreadUploadIds } = useNotifications()
 const { uniform } = useGridMode()
@@ -98,7 +100,7 @@ async function openUpload(e: MouseEvent) {
   catch {
     indicator.finish({ error: true })
     navigating.value = false
-    toast.error('Thread konnte nicht geladen werden')
+    toast.error(t('upload.threadLoadFailed'))
     return
   }
 
@@ -117,7 +119,7 @@ async function openUpload(e: MouseEvent) {
     @click="openUpload"
   >
     <div
-      class="upload-tile-media relative h-full w-full overflow-hidden rounded-md"
+      :class="cn('upload-tile-media relative h-full w-full overflow-hidden rounded-md', hasNotification && 'ring-4 ring-primary')"
       :style="lastViewedId === upload.id ? 'view-transition-name: upload-media' : undefined"
     >
       <NuxtImg