From 4d8d267978a297d41baabcfab3fe38f846712a1d Mon Sep 17 00:00:00 2001
From: Lightling <contact@lightling.xyz>
Date: Wed, 13 Mar 2024 00:25:39 -0400
Subject: [PATCH] load stylesheets

---
 src/content-env.d.ts |  1 +
 src/main.vue         | 27 ++++++++++++++++++++++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/content-env.d.ts b/src/content-env.d.ts
index 18e180e..ad0b67d 100644
--- a/src/content-env.d.ts
+++ b/src/content-env.d.ts
@@ -4,6 +4,7 @@ declare module 'content/routes.js' {
 
   type GenericRouteDefinition = {
     id: string
+    stylesheetUrls: string[]
     template: Template
   }
 
diff --git a/src/main.vue b/src/main.vue
index 2e508e3..7b70df8 100644
--- a/src/main.vue
+++ b/src/main.vue
@@ -1,6 +1,31 @@
 <script setup lang="ts">
+import { ref } from 'vue'
+import { useRoute } from 'vue-router'
 
-const ready = true
+import { useRouteStore } from 'src/routes'
+
+const ready = ref(false)
+
+const currentRoute = useRoute()
+const routeStore = useRouteStore()
+const routeConfig = routeStore._routes[currentRoute.path]
+
+const init = async () => {
+  const staleStylesheets = document.head.querySelectorAll('link[rel="stylesheet"]')
+  staleStylesheets.forEach(stylesheet => {
+    document.removeChild(stylesheet)
+  })
+
+  routeConfig.stylesheetUrls.forEach(stylesheet => {
+    const newElement = document.createElement('link')
+    newElement.setAttribute('rel', 'stylesheet')
+    newElement.setAttribute('href', stylesheet)
+    document.head.appendChild(newElement)
+  })
+  ready.value = true
+}
+
+init()
 </script>
 
 <template lang="pug">