translation

frontend/src/lib/components/Modal.svelte

@@ -1,6 +1,7 @@
 <script>
   import { quintOut } from "svelte/easing";
 
+  import { t } from "svelte-i18n";
   import { createEventDispatcher } from "svelte";
 
   const modal = (/** @type {Element} */ node, { duration = 300 } = {}) => {
@@ -34,7 +35,7 @@
   >
     <!-- svelte-ignore a11y-missing-attribute -->
     <a
-      title="Close"
+      title={$t("cancel")}
       class="modal-close"
       on:click={closeModal}
       role="button"
@@ -52,7 +53,7 @@
           d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"
         />
       </svg>
-      <span class="sr-only">Close modal</span>
+      <span class="sr-only">{$t("cancel")}</span>
     </a>
     <div class="container">
       <slot />

frontend/src/lib/locales/de.js

@@ -64,6 +64,8 @@ export default {
     L: "Land-, Forstwirtschaftsfahrzeuge, Stapler max 40km/h",
     T: "Land-, Forstwirtschaftsfahrzeuge, Stapler max 60km/h",
   },
+  cancel: "Abbrechen",
+  confirm: "Bestätigen",
   licence_categories: "Führerscheinklassen",
   subscription_model: "Mitgliedschatfsmodell",
   licence: "Führerschein",

frontend/src/routes/auth/about/[id]/+page.svelte

@@ -612,10 +612,10 @@
         {#if isUpdating}
           <SmallLoader width={30} message={"Aktualisiere..."} />
         {:else}
-          <button type="button" class="button-dark" on:click={close}
+          <button type="button" class="button-dark" on:click={close}>
-            >Abbrechen</button
+            {$t("cancel")}</button
           >
-          <button type="submit" class="button-dark">Bestätigen</button>
+          <button type="submit" class="button-dark">{$t("confirm")}</button>
         {/if}
       </div>
     </form>