From e3893c1cb7360a9565b8ac424f45b22176484f6e Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Sun, 18 Oct 2020 11:49:17 +0200
Subject: [PATCH] add translatable strings

---
 src/components/Main.vue       | 4 +++-
 src/components/Navigation.vue | 8 ++++----
 src/components/Table.vue      | 6 +++---
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/Main.vue b/src/components/Main.vue
index 8d0cd62..5314fba 100644
--- a/src/components/Main.vue
+++ b/src/components/Main.vue
@@ -4,7 +4,9 @@
 		<AppContent>
 			<Breadcrumbs class="breadcrumbs">
 				<Breadcrumb title="Home" href="/" />
-				<Breadcrumb title="Top" href="/Top" />
+				<Breadcrumb
+					:title="t('radio', 'Top')"
+					href="/Top" />
 			</Breadcrumbs>
 			<Table
 				:station-data="tableData"
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
index b416199..6c62733 100644
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -4,19 +4,19 @@
 			<AppNavigationItem
 				:to="{ name: 'TOP' }"
 				icon="icon-category-dashboard"
-				title="Top" />
+				:title="t('radio', 'Top')" />
 			<AppNavigationItem
 				:to="{ name: 'RECENT' }"
 				icon="icon-category-monitoring"
-				title="Recent" />
+				:title="t('radio', 'Recent')" />
 			<AppNavigationItem
 				:to="{ name: 'FAVORITES' }"
 				icon="icon-favorite"
-				title="Favorites" />
+				:title="t('radio', 'Favorites')" />
 			<AppNavigationItem
 				:to="{ name: 'CATEGORIES' }"
 				icon="icon-files-dark"
-				title="Categories" />
+				:title="t('radio', 'Categories')" />
 		</template>
 		<template #footer>
 			<Player :pinned="true" />
diff --git a/src/components/Table.vue b/src/components/Table.vue
index e7a702f..346ee7c 100644
--- a/src/components/Table.vue
+++ b/src/components/Table.vue
@@ -4,7 +4,7 @@
 			<tr>
 				<th />
 				<th class="nameColumn">
-					Name
+					{{ t('radio', 'Name') }}
 				</th>
 				<th />
 			</tr>
@@ -23,10 +23,10 @@
 				<td class="actionColumn">
 					<Actions>
 						<ActionButton icon="icon-star" :close-after-click="true">
-							Add to favorites
+							{{ t('radio', 'Add to favorites') }}
 						</ActionButton>
 						<ActionButton icon="icon-info" :close-after-click="true">
-							Details
+							{{ t('radio', 'Details') }}
 						</ActionButton>
 					</Actions>
 				</td>