Added translations 🌍

ref #103

src/components/settings/Settings.svelte

@@ -181,10 +181,10 @@
         <div class="md:col-span-1">
           <div class="px-4 sm:px-0">
             <h3 class="text-lg font-medium leading-6 text-gray-900">
-              Password
+              {$_('password')}
             </h3>
             <p class="mt-1 text-sm text-gray-600">
-              Change your password here
+              {$_('change-your-password-here')}
             </p>
           </div>
         </div>
@@ -196,7 +196,7 @@
               <div class="px-4 py-3 bg-gray-50 text-left sm:px-6">
                 <label
                     for="new_password"
-                    class="font-medium text-gray-700">New password</label>
+                    class="font-medium text-gray-700">{$_('new-password')}</label>
                 <div class="-mt-px relative">
                   <input
                     aria-label={$_('password')}
@@ -208,7 +208,7 @@
                 </div>
                 <label
                     for="new_password"
-                    class="font-medium text-gray-700">Confirm the new password</label>
+                    class="font-medium text-gray-700">{$_('confirm-the-new-password')}</label>
                 <div class="-mt-px relative">
                   <input
                     aria-label={$_('password')}
@@ -220,7 +220,7 @@
                 </div>
                 {#if (password_change != password_confirm) && password_change.length>0}
                   <span
-                    class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">Passwords don't match</span>
+                    class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">{$_('passwords-dont-match')}</span>
                 {/if}
               </div>
               <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
@@ -230,7 +230,7 @@
                   class:opacity-50={!update_password_enabled}
                   on:click={submit}
                   class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
-                  Update password
+                  {$_('update-password')}
                 </button>
               </div>
             </div>

src/locales/de.json

@@ -364,5 +364,9 @@
   "cancel-keep-my-profile": "Abbrechen, mein Profil behalten",
   "danger-zone": "Gefahrenzone",
   "stuff-that-could-harm-your-profile": "Einstellungen, die deinem Profil nachhaltig schaden können",
-  "delete-profile": "Profil löschen"
+  "delete-profile": "Profil löschen",
+  "passwords-dont-match": "Die Passwörter stimmen nicht überein.",
+  "update-password": "Passwort ändern",
+  "confirm-the-new-password": "Neues Passwort bestätigen",
+  "change-your-password-here": "Hier kannst du dein Passwort ändern"
 }

src/locales/en.json

@@ -364,5 +364,9 @@
   "cancel-keep-my-profile": "Cancel, keep my profile",
   "danger-zone": "Danger zone",
   "stuff-that-could-harm-your-profile": "Stuff that could harm your profile",
-  "delete-profile": "Delete Profile"
+  "delete-profile": "Delete Profile",
+  "passwords-dont-match": "Passwords don't match",
+  "update-password": "Update password",
+  "confirm-the-new-password": "Confirm the new password",
+  "change-your-password-here": "Change your password here"
 }