feat [front]: public pages titles

front/layouts/default.vue

@@ -11,3 +11,10 @@
     <LayoutFooter />
   </div>
 </template>
+
+<script setup lang="ts">
+useHead({
+  titleTemplate: (pageTitle) =>
+    (pageTitle ? `${pageTitle} | ` : "") + " Ciné-club ENS Ulm",
+})
+</script>

front/pages/a-propos.vue

@@ -62,7 +62,9 @@
   </main>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+useHead({ title: "À propos" })
+</script>
 
 <style scoped lang="sass">
 .content ul

front/pages/calendrier.vue

@@ -28,6 +28,7 @@
 </template>
 
 <script setup lang="ts">
+useHead({ title: "Calendrier" })
 const router = useRouter()
 const route = useRoute()
 

front/pages/index.vue

@@ -34,6 +34,7 @@ import { SwiperModule } from "swiper/types"
 import "swiper/css"
 import "swiper/css/navigation"
 
+useHead({ title: "Accueil" })
 const modules = ref<SwiperModule[]>([Navigation])
 
 const films = ref<Film[]>()

front/pages/infos-pratiques.vue

@@ -85,6 +85,8 @@ import lineB from "~/assets/icons/ligne-b.svg"
 import line7 from "~/assets/icons/ligne-7.svg"
 import line10 from "~/assets/icons/ligne-10.svg"
 
+useHead({ title: "Informations pratiques" })
+
 const transports = [
   {
     iconPath: lineB,