From 9aa2d261350482794e959da1bee4b88e76a9a193 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Sat, 8 Jun 2024 14:49:52 +0200
Subject: [PATCH] Added break-words and hypens to prevent event cta from
 overflowing

---
 app.vue                               | 3 +++
 components/calendar/CalendarEvent.vue | 2 +-
 pages/index.vue                       | 4 ++--
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app.vue b/app.vue
index 32cc913..3dfef03 100644
--- a/app.vue
+++ b/app.vue
@@ -5,6 +5,9 @@ useHead({
   titleTemplate: (titleChunk) => {
     return titleChunk ? `${titleChunk} — TTTools` : 'TTTools';
   },
+  htmlAttrs: {
+    lang: 'fr'
+  },
   meta: [
     { name: "charset", content: "UTF-8" },
     { name: "viewport", content: "width=device-width, initial-scale=1.0" },
diff --git a/components/calendar/CalendarEvent.vue b/components/calendar/CalendarEvent.vue
index 03e1795..736b6cb 100644
--- a/components/calendar/CalendarEvent.vue
+++ b/components/calendar/CalendarEvent.vue
@@ -59,7 +59,7 @@ function handleClosePopover() {
           })
         "
       >
-        <div class="line-clamp-2">
+        <div class="line-clamp-2 [overflow-wrap:anywhere] hyphens-auto">
           {{ eventTitle }}
         </div>
       </button>
diff --git a/pages/index.vue b/pages/index.vue
index c0edf24..a717792 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -8,7 +8,7 @@ setCurrentMenu([])
 </script>
 
 <template>
-  <main class="h-full grid grid-cols-[auto_1fr]">
-    Test
+  <main class="p-8">
+    <Heading>TTTools</Heading>
   </main>
 </template>