add translatable strings

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"

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" />

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>