Localize the authentication dialog and add Dutch, Serbian and Bosnian

src/App.vue

@@ -62,7 +62,7 @@
                     class="mx-2 mt-0 pt-0"
                     :input-value="$store.getters['prefs/getPreferenceBoolean']('darkMode', false)"
                     @change="toggleDarkMode"
-                    label="Dark Mode"
+                    :label="$t('actions.enable_dark_mode')"
                 />
                 <v-select
                     dense

src/components/AuthenticationModal.vue

@@ -22,16 +22,16 @@
             </v-btn>
         </template>
         <v-card>
-            <v-card-title>Authentication</v-card-title>
+            <v-card-title>{{ $t('auth_dialog.title') }}</v-card-title>
             <v-card-text>
-                <v-text-field v-model="username" label="Username"/>
-                <v-text-field type="password" v-model="password" label="Password"/>
+                <v-text-field v-model="username" :label="$t('auth_dialog.username')"/>
+                <v-text-field type="password" v-model="password" :label="$t('auth_dialog.password')"/>
                 <v-alert outlined color="error" v-if="error != null">{{ error }}</v-alert>
-                <v-btn @click="login" :disabled="requestInProgress" :loading="requestInProgress" color="primary"
-                       outlined large>Log In
+                <v-btn @click="login" :disabled="requestInProgress" :loading="requestInProgress" color="primary" outlined large>
+                    {{ $t('auth_dialog.log_in') }}
                 </v-btn>
-                <v-btn @click="register" :disabled="requestInProgress" :loading="requestInProgress" color="primary"
-                       class="ml-2" outlined large>Sign Up
+                <v-btn @click="register" :disabled="requestInProgress" :loading="requestInProgress" color="primary" class="ml-2" outlined large>
+                    {{ $t('auth_dialog.sign_up') }}
                 </v-btn>
             </v-card-text>
         </v-card>

src/plugins/i18n.js

@@ -34,7 +34,10 @@ export const SUPPORTED_LANGUAGES = [
 	'bn-Beng',
 	'ar',
 	'ckb',
-	'hr'
+	'hr',
+	'nl',
+	'sr',
+	'bs'
 ]
 
 export const i18n = new VueI18n({
@@ -82,6 +85,9 @@ async function syncStylesPerLanguage (locale) {
 		case 'hr':
 		case 'nb-NO':
 		case 'bn-Latn':
+		case 'nl':
+		case 'sr':
+		case 'bs':
 			// Don't need to import fonts because Inter supports Latin and Cyrillic and is always loaded
 			document.body.classList.remove(...document.body.classList)
 			document.body.classList.add('default-font')

src/translations/bn-Beng.json

@@ -45,6 +45,13 @@
         "via_pm": "Piped Materialএর দ্বারা –",
         "via_yt": "YouTubeএর দ্বারা –"
     },
+    "auth_dialog": {
+        "title": "আপনার নথি",
+        "username": "আপনার নথির নাম",
+        "password": "আপনার নহির গোপনকথা",
+        "log_in": "আপনি কি নথি চালু করতে চান?",
+        "sign_up": "আপনি কি নতুন নথি বানাতে চান?"
+    },
     "actions": {
         "loadComments": "মন্তব্য খুঁজে আনব?",
         "logInSignUp": "বর্তমান account (নথি) এর ব্যবহার বা নতুন একাউন্ট খোলা",

src/translations/en.json

@@ -65,7 +65,15 @@
         "via_pm": "Via Piped Material",
         "via_yt": "Via YouTube"
     },
+    "auth_dialog": {
+        "title": "Authentication",
+        "username": "Username",
+        "password": "Password",
+        "log_in": "Log In",
+        "sign_up": "Sign Up"
+    },
     "actions": {
+        "enable_dark_mode": "Enable Dark Mode",
         "loadComments": "Load Comments",
         "logInSignUp": "Log In/Sign Up",
         "logOut": "Log Out",