add titles to routes

src/content-env.d.ts

@@ -14,6 +14,7 @@ declare module 'content/routes.js' {
     id: string
     stylesheetUrls: string[]
     template: Template
+    title: string
   }
 
   /**

src/views/markdown.vue

@@ -15,6 +15,7 @@ const routeConfig = routeStore._routes[currentRoute.path] as MarkdownDefinition
 
 onMounted(async () => {
   content.value = await fetchAndParseMarkdown(routeConfig.content)
+  document.title = routeConfig.title
 })
 </script>
 

src/views/project-list.vue

@@ -24,6 +24,7 @@ onMounted(async () => {
     const id = projectIds.value[i]
     projects.value[id] = await fetchAndParseYaml(config.projects[id].config)
   }
+  document.title = routeConfig.title
   ready.value = true
 })
 </script>

src/views/project-view.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 
 import type { ProjectList } from 'src/types/projects/projectList'
 import { type ProjectListDefinition } from 'content/routes.js'
@@ -21,12 +21,14 @@ const content = ref('')
 const currentRoute = getCurrentRoute()
 const routeStore = useRouteStore()
 const routeConfig = routeStore._routes[currentRoute.path.substring(0, currentRoute.path.length - 5)] as ProjectListDefinition
+const routeSubConfig = routeStore._routes[currentRoute.path]
 
 onMounted(async () => {
   const config = await fetchAndParseYaml<ProjectList>(routeConfig.config)
   info.value = await fetchAndParseYaml<ProjectListingInfo>(config.projects[props.id].config)
   const md = await fetchAndParseMarkdown(config.projects[props.id].content)
   content.value = md.replace('$PERIOD', getFormattedPeriod(info.value.period!))
+  document.title = routeSubConfig.title.replace('$PROJECT', info.value.title)
 
   ready.value = true
 })