components/ProjectCard.vue

@@ -5,7 +5,7 @@ const { project, reverse = false } = defineProps<{
   reverse?: boolean;
 }>();
 
-const imgUrl = `url(/images/projects/${project.img ?? ""})`;
+const imgUrl = `url(/images/projects/${project.img ?? "unknown.png"})`;
 </script>
 
 <template>

composables/metadata.ts

@@ -3,5 +3,14 @@
  * @param title The title string.
  */
 export function useTitle(title: string) {
-  useHead({ title: `${title} | Eggworld` });
+  useHead({
+    title: `${title} | Eggworld`,
+    link: [
+      { rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
+      {
+        rel: "stylesheet",
+        href: "https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css",
+      },
+    ],
+  });
 }

pages/[...slug].vue

@@ -43,14 +43,14 @@ const captionText =
         {{ tag }}
       </Tag>
     </div>
-    <ContentDoc tag="article" class="pt-0 w-full">
+    <ContentRenderer :value="doc" tag="article" class="pt-0 w-full">
       <template #empty>
         <p>No description found.</p>
       </template>
       <template #not-found>
         <h1>404 - Not Found</h1>
       </template>
-    </ContentDoc>
+    </ContentRenderer>
   </div>
 </template>