From 8c62b17e5ea6ab36d3f6d9bbe5c8a5236c620af6 Mon Sep 17 00:00:00 2001
From: Jakob Scheid
 <jakob.scheid@developers.internal.seekra.jcloud-services.ddns.net>
Date: Wed, 5 Aug 2026 14:40:43 +0200
Subject: [PATCH] feat(legal): add legal notice loading indicator

---
 src/features/legal/views/LegalNoticeView.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/features/legal/views/LegalNoticeView.vue b/src/features/legal/views/LegalNoticeView.vue
index 889343b..2c15138 100644
--- a/src/features/legal/views/LegalNoticeView.vue
+++ b/src/features/legal/views/LegalNoticeView.vue
@@ -21,11 +21,13 @@ import { useI18n } from 'vue-i18n';
 
 const { t } = useI18n();
 
+const loading = ref(true);
 const legalNoticeError = ref(null);
 const legalNoticeHtml = ref(null);
 onMounted(async () => {
     try {
         legalNoticeHtml.value = await getLegalNotice();
+        loading.value = false;
     } catch {
         legalNoticeError.value = 'legal.notice.loadError';
     }
@@ -40,7 +42,10 @@ onMounted(async () => {
             </h1>
         </header>
         <main>
-            <div class="error" v-if="legalNoticeError">
+            <div v-if="loading">
+                {{ t('loading') }}
+            </div>
+            <div class="error" v-else-if="legalNoticeError">
                 {{ t(legalNoticeError) }}
             </div>
             <div class="legal-notice" v-html="legalNoticeHtml" v-else></div>