feat(legal): add legal notice loading indicator

This commit is contained in:
2026-08-05 15:54:13 +02:00
parent 378f19d3b7
commit 6a0c41bb0b
+7 -1
View File
@@ -21,6 +21,7 @@ import { useI18n } from 'vue-i18n';
const { t } = useI18n(); const { t } = useI18n();
const loading = ref(true);
const legalNoticeError = ref(null); const legalNoticeError = ref(null);
const legalNoticeHtml = ref(null); const legalNoticeHtml = ref(null);
onMounted(async () => { onMounted(async () => {
@@ -28,6 +29,8 @@ onMounted(async () => {
legalNoticeHtml.value = await getLegalNotice(); legalNoticeHtml.value = await getLegalNotice();
} catch { } catch {
legalNoticeError.value = 'legal.notice.loadError'; legalNoticeError.value = 'legal.notice.loadError';
} finally {
loading.value = false;
} }
}); });
</script> </script>
@@ -40,7 +43,10 @@ onMounted(async () => {
</h1> </h1>
</header> </header>
<main> <main>
<div class="error" v-if="legalNoticeError"> <div v-if="loading">
{{ t('loading') }}
</div>
<div class="error" v-else-if="legalNoticeError">
{{ t(legalNoticeError) }} {{ t(legalNoticeError) }}
</div> </div>
<div class="legal-notice" v-html="legalNoticeHtml" v-else></div> <div class="legal-notice" v-html="legalNoticeHtml" v-else></div>