From 0147fbbf235703780d817fd86ecd9ec8fac8e181 Mon Sep 17 00:00:00 2001
From: eggy <d7chen@uwaterloo.ca>
Date: Thu, 29 Feb 2024 18:50:08 -0500
Subject: [PATCH] feat: break words if there is no space

Resoves #20
---
 pages/[...slug].vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index 5ff570d..920676c 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -12,8 +12,8 @@ const doc = await queryContent<AnyParsedContent>(route.path).findOne();
 const type = route.path.startsWith("/stories")
   ? "stories"
   : route.path.startsWith("/blog")
-  ? "blog"
-  : "unknown";
+    ? "blog"
+    : "unknown";
 
 const descText =
   type === "stories"
@@ -27,7 +27,7 @@ const captionText =
 
 <template>
   <main class="container prose dark:prose-invert w-full">
-    <p class="m-0 uppercase font-mono text-sm" v-if="captionText !== ''">
+    <p class="m-0 uppercase font-mono text-sm" v-if="captionText">
       {{ captionText }}
     </p>
     <h1 class="m-0">{{ doc.title }}</h1>
@@ -67,6 +67,10 @@ const captionText =
     max-width: 80ch;
     width: 90%;
   }
+
+  .container h1 {
+    overflow-wrap: break-word;
+  }
 }
 
 * {