feat: Add translations to stopwatch.svelte

This commit also demonstrates how to do i18n across apps.

3 files changed, 14 insertions, 14 deletions

diff --git a/apps/projects/src/app/pages/_layout.svelte b/apps/projects/src/app/pages/_layout.svelte
index fb34593..b75c062 100644
--- a/apps/projects/src/app/pages/_layout.svelte
+++ b/apps/projects/src/app/pages/_layout.svelte
@@ -1,16 +1,16 @@
 <script>
-	import {onMount} from "svelte";
-	import {location, link} from "svelte-spa-router";
-	import {logout_user} from "$app/lib/services/user-service";
-	import {random_string} from "$shared/lib/helpers";
-	import {get_session_data} from "$shared/lib/session";
+	import { onMount } from "svelte";
+	import { location, link } from "svelte-spa-router";
+	import { logout_user } from "$app/lib/services/user-service";
+	import { random_string } from "$shared/lib/helpers";
+	import { get_session_data } from "$shared/lib/session";
 	import ProfileModal from "$app/pages/views/profile-modal.svelte";
-	import {Menu, MenuItem, MenuItemSeparator} from "$shared/components/menu";
+	import { Menu, MenuItem, MenuItemSeparator } from "$shared/components/menu";
 	import Button from "$shared/components/button.svelte";
-	import {IconNames} from "$shared/lib/configuration";
+	import { IconNames } from "$shared/lib/configuration";
 	import LL from "$app/lib/i18n/i18n-svelte";
 	import BlowoutToolbelt from "$shared/components/blowout-toolbelt.svelte";
-	import {currentLocale} from "$app/lib/stores/locale";
+	import { currentLocale } from "$shared/lib/locale";
 
 	let ProfileModalFunctions = {};
 	let showUserMenu = false;
diff --git a/apps/projects/src/app/pages/home.svelte b/apps/projects/src/app/pages/home.svelte
index 33bb0d8..ff52275 100644
--- a/apps/projects/src/app/pages/home.svelte
+++ b/apps/projects/src/app/pages/home.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import LL from "$app/lib/i18n/i18n-svelte";
-    import {delete_time_entry, get_time_entries, get_time_entry, update_time_entry} from "$shared/lib/api/time-entry";
+    import {delete_time_entry, get_time_entries, get_time_entry} from "$shared/lib/api/time-entry";
     import {IconNames, QueryKeys} from "$shared/lib/configuration";
     import {TimeEntryDto} from "$shared/lib/models/TimeEntryDto";
     import {Temporal} from "@js-temporal/polyfill";
diff --git a/apps/projects/src/app/pages/views/settings-labels-tile.svelte b/apps/projects/src/app/pages/views/settings-labels-tile.svelte
index 59b5e30..3d5a567 100644
--- a/apps/projects/src/app/pages/views/settings-labels-tile.svelte
+++ b/apps/projects/src/app/pages/views/settings-labels-tile.svelte
@@ -7,15 +7,15 @@
 	import {Table, THead, TBody, TCell, TRow} from "$shared/components/table";
 	import LL from "$app/lib/i18n/i18n-svelte";
 
-	let is_loading = true;
+	let isLoadingLabels = true;
 
 	$: active_labels = $labels.filter(c => !c.archived);
 	$: archived_labels = $labels.filter(c => c.archived);
 
 	async function load_labels() {
-		is_loading = true;
+		isLoadingLabels = true;
 		await reload_labels();
-		is_loading = false;
+		isLoadingLabels = false;
 	}
 
 	async function handle_edit_label_click(event) {
@@ -38,7 +38,7 @@
 	});
 </script>
 
-<Tile class="col-6@md col-12 {is_loading ? 'c-disabled loading' : ''}">
+<Tile class="col-6@md col-12 {isLoadingLabels ? 'c-disabled loading' : ''}">
     <h2 class="margin-bottom-xxs">{$LL.views.settingsLabelsTile.labels()}</h2>
     {#if active_labels.length > 0 && archived_labels.length > 0}
         <nav class="s-tabs text-sm">
@@ -101,7 +101,7 @@
                     <TCell type="th"
                            thScope="row"
                            colspan="3">
-                        No labels
+                        {$LL.views.settingsLabelsTile.noLabels()}
                     </TCell>
                 </TRow>
             {/if}