i18n implemented

app/components/AudioPlayerDialog.vue

@@ -77,7 +77,7 @@ function formatTime(sec: number) {
         <button
           type="button"
           class="flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full transition-colors hover:bg-accent"
-          :aria-label="playing ? 'Pause' : 'Abspielen'"
+          :aria-label="playing ? $t('audio.pause') : $t('audio.play')"
           @click="toggle"
         >
           <Icon name="ph:pause-fill" v-if="playing" class="size-4" />
@@ -90,7 +90,7 @@ function formatTime(sec: number) {
           :max="Number.isFinite(duration) ? duration : 0"
           step="0.1"
           :value="currentTime"
-          aria-label="Wiedergabeposition"
+          :aria-label="$t('audio.seek')"
           class="min-w-0 flex-1 cursor-pointer accent-primary"
           @input="seek"
         >
@@ -101,7 +101,7 @@ function formatTime(sec: number) {
         <button
           type="button"
           class="flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full transition-colors hover:bg-accent"
-          :aria-label="muted ? 'Ton an' : 'Stumm'"
+          :aria-label="muted ? $t('audio.unmute') : $t('audio.mute')"
           @click="muted = !muted"
         >
           <Icon name="ph:speaker-x-fill" v-if="muted" class="size-4" />
@@ -113,7 +113,7 @@ function formatTime(sec: number) {
           min="0"
           max="1"
           step="0.05"
-          aria-label="Lautstärke"
+          :aria-label="$t('audio.volume')"
           class="w-16 min-w-0 cursor-pointer accent-primary sm:w-20"
           :class="muted && 'opacity-40'"
         >
@@ -121,7 +121,7 @@ function formatTime(sec: number) {
         <Button variant="outline" size="sm" class="shrink-0" as-child>
           <a :href="src" :download="name">
             <Icon name="ph:download-fill" class="size-4" />
-            Herunterladen
+            {{ $t('audio.download') }}
           </a>
         </Button>
       </div>