i18n run

.vscode/settings.json

@@ -1,4 +1,5 @@
 {
     "i18n-ally.localesPaths": "src/locales",
-    "i18n-ally.keystyle": "nested"
+    "i18n-ally.keystyle": "nested",
+    "i18n-ally.sourceLanguage": "de"
 }

src/Beamershow.svelte

@@ -1,7 +1,7 @@
 <script>
   import axios from "axios";
   import { _ } from "svelte-i18n";
-  import { fade, slide } from "svelte/transition";
+  import { slide } from "svelte/transition";
   import { apikey, api_endpoint, laptime_track } from "./store.js";
   function init(el) {
     el.focus();
@@ -153,7 +153,7 @@
               {general.total_runners}
             </h1>
             <h1 class="text-2xl font-semibold text-center text-gray-900">
-              Läufer
+              {$_('laeufer')}
             </h1>
           </div>
           <div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3">
@@ -161,7 +161,7 @@
               {general.total_distance}
             </h1>
             <h1 class="text-2xl font-semibold text-center text-gray-900">
-              Kilometer gesamt
+              {$_('kilometer-gesamt')}
             </h1>
           </div>
           <div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3">
@@ -169,7 +169,7 @@
               {general.total_donation} €
             </h1>
             <h1 class="text-2xl font-semibold text-center text-gray-900">
-              Spendensumme
+              {$_('spendensumme')}
             </h1>
           </div>
         </div>
@@ -177,7 +177,7 @@
     {:else if current_page === "runners_distance"}
       <div transition:slide|local>
         <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
-          Top-Läufer (Distanz)
+          {$_('top-laeufer')} ({$_('distanz')})
         </h1>
         <table class="table p-4 bg-white shadow rounded-lg w-full">
           <thead>
@@ -185,22 +185,22 @@
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Platz
+                {$_('platz')}
               </th>
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Läufer
+                {$_('laeufer')}
               </th>
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Organisation
+                {$_('organisation')}
               </th>
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Kilometer
+                {$_('kilometer')}
               </th>
             </tr>
           </thead>
@@ -228,7 +228,7 @@
     {:else if current_page === "runners_laptime"}
       <div transition:slide|local>
         <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
-          Top-Läufer (Rundenzeit)
+          {$_('top-laeufer')} ({$_('rundenzeit')})
         </h1>
         <table class="table p-4 bg-white shadow rounded-lg w-full">
           <thead>
@@ -236,22 +236,22 @@
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Platz
+                {$_('platz')}
               </th>
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Läufer
+                {$_('laeufer')}
               </th>
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Organisation
+                {$_('organisation')}
               </th>
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Schnellste Rundenzeit
+                {$_('schnellste-rundenzeit')}
               </th>
             </tr>
           </thead>
@@ -279,7 +279,7 @@
     {:else if current_page === "orgs_distance"}
       <div transition:slide|local>
         <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
-          Top-Organsiationen
+          {$_('top-organsiationen')}
         </h1>
         <table class="table p-4 bg-white shadow rounded-lg w-full">
           <thead>
@@ -287,17 +287,17 @@
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Platz
+                {$_('platz')}
               </th>
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Organsiation
+                {$_('organsiation')}
               </th>
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Kilometer
+                {$_('kilometer')}
               </th>
             </tr>
           </thead>
@@ -321,7 +321,7 @@
     {:else if current_page === "teams_distance"}
       <div transition:slide|local>
         <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
-          Top-Teams
+          {$_('top-teams')}
         </h1>
         <table class="table p-4 bg-white shadow rounded-lg w-full">
           <thead>
@@ -329,17 +329,17 @@
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Platz
+                {$_('platz')}
               </th>
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Team
+                {$_('team')}
               </th>
               <th
                 class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
               >
-                Kilometer
+                {$_('kilometer')}
               </th>
             </tr>
           </thead>

src/Login.svelte

@@ -121,7 +121,7 @@
           }}
         >
           <div class="flex flex-col pt-4">
-            <label for="track" class="text-lg">{$_('track_id')}</label>
+            <label for="track" class="text-lg">{$_("track_id")}</label>
             <input
               type="number"
               id="track"

src/Settings.svelte

@@ -9,11 +9,11 @@
     Lauf Für Kaya! Beamershow
   </h1>
   <h1 class="text-3xl w-full text-center text-gray-900">{$_("settings")}</h1>
-  <p class="block text-sm font-bold text-gray-700 mt-2">{$_('api_endpoint')}</p>
+  <p class="block text-sm font-bold text-gray-700 mt-2">{$_("api_endpoint")}</p>
   <p class="block text-sm text-gray-700">{$api_endpoint}</p>
   <p class="block text-sm font-bold text-gray-700 mt-2">{$_("api_key")}</p>
   <p class="block text-sm text-gray-700">{$apikey}</p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">{$_('track_id')}</p>
+  <p class="block text-sm font-bold text-gray-700 mt-2">{$_("track_id")}</p>
   <p class="block text-sm text-gray-700">{$laptime_track}</p>
   <p class="block text-sm font-bold text-gray-700 mt-2">{$_("language")}</p>
   <div class="w-full">

src/locales/de.json

@@ -24,5 +24,19 @@
   "the_provided_scan_station_token_is_invalid": "Der angegebene Scanstation-Token ist ungültig.",
   "track_distance": "Länge des Tracks",
   "track_id": "Track ID",
-  "track_name": "Track Name"
+  "track_name": "Track Name",
+  "laeufer": "Läufer",
+  "kilometer-gesamt": "Kilometer gesamt",
+  "spendensumme": "Spendensumme",
+  "top-laeufer": "Top-Läufer",
+  "distanz": "Distanz",
+  "platz": "Platz",
+  "organisation": "Organisation",
+  "kilometer": "Kilometer",
+  "rundenzeit": "Rundenzeit",
+  "schnellste-rundenzeit": "Schnellste Rundenzeit",
+  "top-organsiationen": "Top-Organsiationen",
+  "organsiation": "Organsiation",
+  "top-teams": "Top-Teams",
+  "team": "Team"
 }

src/locales/en.json

@@ -24,5 +24,19 @@
   "the_provided_scan_station_token_is_invalid": "The provided scan station token is invalid.",
   "track_distance": "Track Distance",
   "track_id": "Track ID",
-  "track_name": "Track Name"
+  "track_name": "Track Name",
+  "laeufer": "Runners",
+  "kilometer-gesamt": "Kilometers total",
+  "spendensumme": "Donations",
+  "top-laeufer": "Top runners",
+  "distanz": "distance",
+  "platz": "Place",
+  "organisation": "Organization",
+  "kilometer": "Kilometers",
+  "rundenzeit": "fastetst lap",
+  "schnellste-rundenzeit": "Fastest lap",
+  "top-organsiationen": "Top organizations",
+  "organsiation": "Organization",
+  "top-teams": "Top teams",
+  "team": "Team"
 }