From 06135e648fe52db77d883aa9441462217ef38abb Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sat, 10 May 2025 14:50:52 +0000
Subject: [PATCH] sections: Add title property

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 frontend/src/components/Section.vue | 6 ++++--
 frontend/src/views/AboutView.vue    | 3 +--
 frontend/src/views/HomeView.vue     | 3 +--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Section.vue b/frontend/src/components/Section.vue
index 734abd2..2bda15f 100644
--- a/frontend/src/components/Section.vue
+++ b/frontend/src/components/Section.vue
@@ -1,10 +1,12 @@
-<script setup>
-	// Nothing, yet
+<script setup lang="ts">
+	const { title } = defineProps(["title"])
 </script>
 
 <template>
 	<section class="section">
 		<div class="container">
+			<h1 v-if="title" class="title">{{ title }}</h1>
+
 			<slot />
 		</div>
 	</section>
diff --git a/frontend/src/views/AboutView.vue b/frontend/src/views/AboutView.vue
index ecef8be..1573e8a 100644
--- a/frontend/src/views/AboutView.vue
+++ b/frontend/src/views/AboutView.vue
@@ -3,8 +3,7 @@
 </script>
 
 <template>
-	<Section>
-		<h1 class="title">About</h1>
+	<Section :title="$t('About')">
 		<p>This is the about page</p>
 	</Section>
 </template>
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
index a348a64..e61a61a 100644
--- a/frontend/src/views/HomeView.vue
+++ b/frontend/src/views/HomeView.vue
@@ -3,8 +3,7 @@
 </script>
 
 <template>
-	<Section>
-		<h1 class="title">{{ $t("Welcome") }}</h1>
+	<Section :title="$t('Welcome')">
 		<p>{{ $t("This is the front page") }}</p>
 	</Section>
 </template>
-- 
2.47.3