From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sat, 10 May 2025 14:50:52 +0000 (+0000)
Subject: sections: Add title property
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=06135e648fe52db77d883aa9441462217ef38abb;p=people%2Fms%2Fwestferry.git

sections: Add title property

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

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>