fix: resolve issue with non-root page direct navigation improperly loading styling

Author: Spelkington

quartz/components/renderPage.tsx

@@ -28,19 +28,18 @@ export function pageResources(
   baseDir: FullSlug | RelativeURL,
   staticResources: StaticResources,
 ): StaticResources {
-  const contentIndexPath = joinSegments(baseDir, "static/contentIndex.json")
-  const contentIndexScript = `const fetchData = fetch("${contentIndexPath}").then(data => data.json())`
+  const contentIndexScript = `const fetchData = fetch("/static/contentIndex.json").then(data => data.json())`
 
   const resources: StaticResources = {
     css: [
       {
-        content: joinSegments(baseDir, "index.css"),
+        content: "/index.css",
       },
       ...staticResources.css,
     ],
     js: [
       {
-        src: joinSegments(baseDir, "prescript.js"),
+        src: "/prescript.js",
         loadTime: "beforeDOMReady",
         contentType: "external",
       },
@@ -56,7 +55,7 @@ export function pageResources(
   }
 
   resources.js.push({
-    src: joinSegments(baseDir, "postscript.js"),
+    src: "/postscript.js",
     loadTime: "afterDOMReady",
     moduleType: "module",
     contentType: "external",