feat: Add translations to stopwatch.svelte

This commit also demonstrates how to do i18n across apps.

1 files changed, 5 insertions, 5 deletions

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}