From 42d679b17b433fb5d389f3a58fd341e899fec12a Mon Sep 17 00:00:00 2001
From: Lightling <contact@lightling.xyz>
Date: Sat, 16 Mar 2024 00:16:40 -0400
Subject: [PATCH] add titles to routes

---
 src/content-env.d.ts       | 1 +
 src/views/markdown.vue     | 1 +
 src/views/project-list.vue | 1 +
 src/views/project-view.vue | 4 +++-
 4 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/content-env.d.ts b/src/content-env.d.ts
index a11ffe8..33baccf 100644
--- a/src/content-env.d.ts
+++ b/src/content-env.d.ts
@@ -14,6 +14,7 @@ declare module 'content/routes.js' {
     id: string
     stylesheetUrls: string[]
     template: Template
+    title: string
   }
 
   /**
diff --git a/src/views/markdown.vue b/src/views/markdown.vue
index b7892c5..f992e3e 100644
--- a/src/views/markdown.vue
+++ b/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>
 
diff --git a/src/views/project-list.vue b/src/views/project-list.vue
index f98e18d..10c66e4 100644
--- a/src/views/project-list.vue
+++ b/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>
diff --git a/src/views/project-view.vue b/src/views/project-view.vue
index 90daa05..cb1677c 100644
--- a/src/views/project-view.vue
+++ b/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
 })