feat(legal): load and display legal notice

2026-08-05 20:47:02 +02:00
parent 7ce1e8e266
commit 39c22058cf
3 changed files with 95 additions and 0 deletions
@@ -14,5 +14,34 @@ See the License for the specific language governing permissions and
 limitations under the License.
 -->

+<script setup>
+import { getLegalNotice } from '../services/fetchLegalContent';
+import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+
+const legalNoticeHtml = ref(null);
+onMounted(async () => {
+    legalNoticeHtml.value = await getLegalNotice();
+});
+</script>
+
 <template>
+    <div class="main-content-padding legal-notice-container">
+        <header class="header">
+            <h1>
+                {{ t('legal.notice.title') }}
+            </h1>
+        </header>
+        <main>
+            <div class="legal-notice" v-html="legalNoticeHtml"></div>
+        </main>
+    </div>
 </template>
+
+<style scoped>
+.header h1 {
+    margin-top: 0;
+}
+</style>