feat(i18n): add translations to main UI components

- Sidebar: navigation labels, playlist section, sort options
- SearchView: search placeholder, tabs, results messages
- HomeView: section titles, loading states, empty states
- QueuePanel: headers, search, empty state, actions
- NowPlayingBar: player controls, tooltips, cast buttons
- FocusMode: close button, lyrics loading
- HomeSettingsModal: all settings labels and descriptions

Added new translation keys to en.json and es.json locales.
This commit is contained in:
vicrodh committed 2026-01-14 10:12:38 -06:00
1 parent 5c869eeae9
commit 3cfe3c1333
9 files changed
+209 -102

No files matched your search

+3 -2
View File
@@ -2,6 +2,7 @@
import { SkipBack, Play, Pause, SkipForward, ChevronDown } from 'lucide-svelte';
import LyricsLines from './lyrics/LyricsLines.svelte';
import { startActiveLineUpdates, stopActiveLineUpdates } from '$lib/stores/lyricsStore';
import { t } from '$lib/i18n';
interface LyricsLine {
text: string;
@@ -135,7 +136,7 @@
</div>
<!-- Close Button -->
<button class="close-btn" class:visible={showControls} onclick={onClose} title="Close (Esc)">
<button class="close-btn" class:visible={showControls} onclick={onClose} title={$t('actions.close') + ' (Esc)'}>
<ChevronDown size={28} />
</button>
@@ -154,7 +155,7 @@
{#if lyricsLoading}
<div class="lyrics-state">
<div class="spinner"></div>
<span>Loading lyrics...</span>
<span>{$t('player.fetchingLyrics')}</span>
</div>
{:else if lyricsError}
<div class="lyrics-state">