TRANSLATIONS!

NyaomiDEV · May 26, 2024 · 613b0c1 · 613b0c1
1 parent e3bf421
commit 613b0c1
Show file tree

Hide file tree

Showing 20 changed files with 128 additions and 50 deletions.
diff --git a/src/views/TabbedHomeView.vue b/src/views/TabbedHomeView.vue
@@ -28,32 +28,32 @@
 
 				<IonTabButton tab="members" href="/members">
 					<IonIcon :ios="PeopleIOS" :md="PeopleMD" />
-					Members
+					{{ $t("members:header") }}
 				</IonTabButton>
 
 				<IonTabButton tab="journal" href="/journal">
 					<IonIcon :ios="JournalIOS" :md="JournalMD" />
-					Journal
+					{{ $t("journal:header") }}
 				</IonTabButton>
 
 				<IonTabButton tab="dashboard" href="/dashboard">
 					<IonIcon :ios="HomeIOS" :md="HomeMD" />
-					Dashboard
+					{{ $t("dashboard:header") }}
 				</IonTabButton>
 
 				<IonTabButton tab="chats" href="/chats">
 					<IonIcon :ios="ChatIOS" :md="ChatMD" />
-					Chats
+					{{ $t("chats:header") }}
 				</IonTabButton>
 
 				<IonTabButton tab="options" href="/options">
 					<IonIcon :ios="OptionsIOS" :md="OptionsMD" />
-					Options
+					{{ $t("options:options.header") }}
 				</IonTabButton>
 
 				<IonTabButton tab="testingGrounds" href="/testingGrounds">
 					<IonIcon :ios="SparklesIOS" :md="SparklesMD" />
-					Testing grounds
+					{{ $t("testingGrounds:header") }}
 				</IonTabButton>
 
 			</IonTabBar>

diff --git a/src/views/options/About.vue b/src/views/options/About.vue
@@ -11,7 +11,7 @@
 			<IonToolbar>
 				<IonBackButton slot="start" defaultHref="/options/" />
 				<IonTitle>
-					About
+					{{ $t("options:about.header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>

diff --git a/src/views/options/Accessibility.vue b/src/views/options/Accessibility.vue
@@ -30,7 +30,7 @@
 			<IonToolbar>
 				<IonBackButton slot="start" defaultHref="/options/" />
 				<IonTitle>
-					Accessibility
+					{{ $t("options:accessibility.header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>
@@ -40,30 +40,30 @@
 				<IonItem>
 					<IonToggle v-model="config.highLegibility">
 						<IonLabel>
-							<h3>High legibility font</h3>
-							<p>Use OpenDyslexic instead of the standard device font</p>
+							<h3>{{ $t("options:accessibility.highLegibilityFont.title") }}</h3>
+							<p>{{ $t("options:accessibility.highLegibilityFont.desc") }}</p>
 						</IonLabel>
 					</IonToggle>
 				</IonItem>
 
 				<IonItem>
 					<IonLabel>
-						<h3 class="centered-text">UI variant</h3>
+						<h3 class="centered-text">{{ $t("options:accessibility.uiVariant.title") }}</h3>
 						<IonSegment value="ui-variant" v-model="config.theme">
 
 							<IonSegmentButton value="auto" layout="icon-start">
 								<IonIcon v-if="config.theme == 'auto'" :md="CheckMD" aria-hidden="true"/>
-								<IonLabel>Auto</IonLabel>
+								<IonLabel>{{ $t("options:accessibility.uiVariant.auto") }}</IonLabel>
 							</IonSegmentButton>
 
 							<IonSegmentButton value="light" layout="icon-start">
 								<IonIcon v-if="config.theme == 'light'" :md="CheckMD" aria-hidden="true"/>
-								<IonLabel>Light</IonLabel>
+								<IonLabel>{{ $t("options:accessibility.uiVariant.light") }}</IonLabel>
 							</IonSegmentButton>
 
 							<IonSegmentButton value="dark" layout="icon-start">
 								<IonIcon v-if="config.theme == 'dark'" :md="CheckMD" aria-hidden="true"/>
-								<IonLabel>Dark</IonLabel>
+								<IonLabel>{{ $t("options:accessibility.uiVariant.dark") }}</IonLabel>
 							</IonSegmentButton>
 						</IonSegment>
 					</IonLabel>
@@ -72,24 +72,24 @@
 				<IonItem button>
 					<Color v-model="config.accentColor">
 						<IonLabel>
-							<h3>Accent color</h3>
-							<p>Use a custom accent color</p>
+							<h3>{{ $t("options:accessibility.accentColor.title") }}</h3>
+							<p>{{ $t("options:accessibility.accentColor.desc") }}</p>
 						</IonLabel>
 					</Color>
 				</IonItem>
 
 				<IonItem>
 					<IonToggle v-model="config.reducedMotion">
 						<IonLabel>
-							<h3>Reduced motion</h3>
-							<p>Disable in-app animations</p>
+							<h3>{{ $t("options:accessibility.reducedMotion.title") }}</h3>
+							<p>{{ $t("options:accessibility.reducedMotion.desc") }}</p>
 						</IonLabel>
 					</IonToggle>
 				</IonItem>
 
 				<IonItem>
 					<IonLabel>
-						<h3 class="centered-text">UI size</h3>
+						<h3 class="centered-text">{{ $t("options:accessibility.fontScale.title") }}</h3>
 						<IonRange
 							v-model="config.fontScale"
 							:label="config.fontScale.toString()"
@@ -105,7 +105,7 @@
 
 				<IonItem>
 					<IonLabel>
-						<h3 class="centered-text">Chat UI size</h3>
+						<h3 class="centered-text">{{ $t("options:accessibility.chatFontScale.title") }}</h3>
 						<IonRange
 							v-model="config.chatFontScale"
 							:label="config.chatFontScale.toString()"

diff --git a/src/views/options/AppSettings.vue b/src/views/options/AppSettings.vue
@@ -11,7 +11,7 @@
 			<IonToolbar>
 				<IonBackButton slot="start" defaultHref="/options/" />
 				<IonTitle>
-					App settings
+					{{ $t("options:appSettings.header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>

diff --git a/src/views/options/FrontHistory.vue b/src/views/options/FrontHistory.vue
@@ -11,7 +11,7 @@
 			<IonToolbar>
 				<IonBackButton slot="start" defaultHref="/options/" />
 				<IonTitle>
-					Front history
+					{{ $t("options:frontHistory.header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>

diff --git a/src/views/options/ImportExport.vue b/src/views/options/ImportExport.vue
@@ -27,7 +27,7 @@
 		<IonHeader>
 			<IonToolbar>
 				<IonBackButton slot="start" defaultHref="/options/" />
-				<IonTitle>Import / Export</IonTitle>
+				<IonTitle>{{ $t("options:importExport.header") }}</IonTitle>
 			</IonToolbar>
 		</IonHeader>
 
@@ -36,15 +36,15 @@
 
 				<IonItem button @click="exportDb" :detail="true">
 					<IonLabel>
-						<h3>Export your data</h3>
-						<p>Backup your current data to a file you can store somewhere else</p>
+						<h3>{{ $t("options:importExport.export.title") }}</h3>
+						<p>{{ $t("options:importExport.export.desc") }}</p>
 					</IonLabel>
 				</IonItem>
 
 				<IonItem button @click="importDb" :detail="true">
 					<IonLabel>
-						<h3>Import your data from a backup file</h3>
-						<p>Warning! It will override any existing data</p>
+						<h3>{{ $t("options:importExport.import.title") }}</h3>
+						<p>{{ $t("options:importExport.import.desc") }}</p>
 					</IonLabel>				
 				</IonItem>
 

diff --git a/src/views/options/MessageBoard.vue b/src/views/options/MessageBoard.vue
@@ -11,7 +11,7 @@
 			<IonToolbar>
 				<IonBackButton slot="start" defaultHref="/options/" />
 				<IonTitle>
-					Message board
+					{{ $t("options:messageBoard.header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>

diff --git a/src/views/options/Reminders.vue b/src/views/options/Reminders.vue
@@ -11,7 +11,7 @@
 			<IonToolbar>
 				<IonBackButton slot="start" defaultHref="/options/" />
 				<IonTitle>
-					Reminders
+					{{ $t("options:reminders.header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>

diff --git a/src/views/options/Security.vue b/src/views/options/Security.vue
@@ -11,7 +11,7 @@
 			<IonToolbar>
 				<IonBackButton slot="start" defaultHref="/options/" />
 				<IonTitle>
-					Security
+					{{ $t("options:security.header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>

diff --git a/src/views/options/SystemSettings.vue b/src/views/options/SystemSettings.vue
@@ -47,7 +47,7 @@
 			<IonToolbar>
 				<IonBackButton slot="start" defaultHref="/options/" />
 				<IonTitle>
-					System name and photo
+					{{ $t("options:systemSettings.header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>

diff --git a/src/views/options/TagManagement.vue b/src/views/options/TagManagement.vue
@@ -11,7 +11,7 @@
 			<IonToolbar>
 				<IonBackButton slot="start" defaultHref="/options/" />
 				<IonTitle>
-					Tag management
+					{{ $t("options:tagManagement.header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>

diff --git a/src/views/tabbed/Chats.vue b/src/views/tabbed/Chats.vue
@@ -10,7 +10,7 @@
 		<IonHeader>
 			<IonToolbar>
 				<IonTitle>
-					Chats
+					{{ $t("chats:header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>

diff --git a/src/views/tabbed/Dashboard.vue b/src/views/tabbed/Dashboard.vue
@@ -10,7 +10,7 @@
 		<IonHeader>
 			<IonToolbar>
 				<IonTitle>
-					Dashboard
+					{{ $t("dashboard:header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>

diff --git a/src/views/tabbed/Journal.vue b/src/views/tabbed/Journal.vue
@@ -10,7 +10,7 @@
 		<IonHeader>
 			<IonToolbar>
 				<IonTitle>
-					Journal
+					{{ $t("journal:header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>

diff --git a/src/views/tabbed/Options.vue b/src/views/tabbed/Options.vue
@@ -34,75 +34,75 @@
 		<IonHeader>
 			<IonToolbar>
 				<IonTitle>
-					Options
+					{{ $t("options:options.header") }}
 				</IonTitle>
 			</IonToolbar>
 		</IonHeader>
 
 		<IonContent>
 
 			<IonListHeader>
-				<IonLabel>Management</IonLabel>
+				<IonLabel>{{ $t("options:options.managementLabel") }}</IonLabel>
 			</IonListHeader>
 
 			<IonList :inset="isIOS">
 
 				<IonItem button routerLink="/options/systemSettings">
 					<IonIcon :ios="SystemIOS" :md="SystemMD" slot="start" aria-hidden="true" />
-					<IonLabel>System name and photo</IonLabel>
+					<IonLabel>{{ $t("options:systemSettings.header") }}</IonLabel>
 				</IonItem>
 
 				<IonItem button routerLink="/options/frontHistory">
 					<IonIcon :ios="FrontHistoryIOS" :md="FrontHistoryMD" slot="start" aria-hidden="true" />
-					<IonLabel>Front history</IonLabel>
+					<IonLabel>{{ $t("options:frontHistory.header") }}</IonLabel>
 				</IonItem>
 
 				<IonItem button routerLink="/options/messageBoard">
 					<IonIcon :ios="MessageBoardIOS" :md="MessageBoardMD" slot="start" aria-hidden="true" />
-					<IonLabel>Message board</IonLabel>
+					<IonLabel>{{ $t("options:messageBoard.header") }}</IonLabel>
 				</IonItem>
 
 				<IonItem button routerLink="/options/tagManagement">
 					<IonIcon :ios="TagIOS" :md="TagMD" slot="start" aria-hidden="true" />
-					<IonLabel>Tag management</IonLabel>
+					<IonLabel>{{ $t("options:tagManagement.header") }}</IonLabel>
 				</IonItem>
 
 				<IonItem button routerLink="/options/reminders">
 					<IonIcon :ios="RemindersIOS" :md="RemindersMD" slot="start" aria-hidden="true" />
-					<IonLabel>Reminders</IonLabel>
+					<IonLabel>{{ $t("options:reminders.header") }}</IonLabel>
 				</IonItem>
 
 			</IonList>
 
 			<IonListHeader>
-				<IonLabel>Settings</IonLabel>
+				<IonLabel>{{ $t("options:options.settingsLabel") }}</IonLabel>
 			</IonListHeader>
 
 			<IonList :inset="isIOS">
 
 				<IonItem button routerLink="/options/appSettings">
 					<IonIcon :ios="SettingsIOS" :md="SettingsMD" slot="start" aria-hidden="true" />
-					<IonLabel>App settings</IonLabel>
+					<IonLabel>{{ $t("options:appSettings.header") }}</IonLabel>
 				</IonItem>
 
 				<IonItem button routerLink="/options/security">
 					<IonIcon :ios="SecurityIOS" :md="SecurityMD" slot="start" aria-hidden="true" />
-					<IonLabel>Security</IonLabel>
+					<IonLabel>{{ $t("options:security.header") }}</IonLabel>
 				</IonItem>
 
 				<IonItem button routerLink="/options/accessibility">
 					<IonIcon :ios="AccessibilityIOS" :md="AccessibilityMD" slot="start" aria-hidden="true" />
-					<IonLabel>Accessibility</IonLabel>
+					<IonLabel>{{ $t("options:accessibility.header") }}</IonLabel>
 				</IonItem>
 
 				<IonItem button routerLink="/options/importExport">
 					<IonIcon :ios="ImportExportIOS" :md="ImportExportMD" slot="start" aria-hidden="true" />
-					<IonLabel>Import / Export</IonLabel>
+					<IonLabel>{{ $t("options:importExport.header") }}</IonLabel>
 				</IonItem>
 
 				<IonItem button routerLink="/options/about">
 					<IonIcon :ios="AboutIOS" :md="AboutMD" slot="start" aria-hidden="true" />
-					<IonLabel>About</IonLabel>
+					<IonLabel>{{ $t("options:about.header") }}</IonLabel>
 				</IonItem>
 			</IonList>
 		</IonContent>

diff --git a/translations/en/chats.json b/translations/en/chats.json
@@ -0,0 +1,3 @@
+{
+	"header": "Chats"
+}
diff --git a/translations/en/dashboard.json b/translations/en/dashboard.json
@@ -0,0 +1,3 @@
+{
+	"header": "Dashboard"
+}
diff --git a/translations/en/journal.json b/translations/en/journal.json
@@ -0,0 +1,3 @@
+{
+	"header": "Journal"
+}