generated from Seekra/repository-template
feat(legal): add legal notice loading indicator
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user