From c56ed8254f7e8624aebd8f0a5b1ae7e4ff40e318 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Tue, 2 Jul 2024 01:12:58 +0200
Subject: [PATCH] Improve and fix errors on main page

---
 app/components/content/HoverText.vue | 11 ++++++++++-
 content/index.md                     |  6 ++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/app/components/content/HoverText.vue b/app/components/content/HoverText.vue
index 7c55dc6..067a0d9 100644
--- a/app/components/content/HoverText.vue
+++ b/app/components/content/HoverText.vue
@@ -1,4 +1,7 @@
 <script lang="ts" setup>
+import type { Placement } from '@popperjs/core'
+import type { PropType } from 'vue'
+
 defineProps({
   text: {
     type: [String, Number],
@@ -7,12 +10,18 @@ defineProps({
   hover: {
     type: String,
     required: true
+  },
+  position: {
+    type: String as PropType<Placement>
   }
 })
 </script>
 
 <template>
-  <UTooltip :text="hover">
+  <UTooltip
+    :popper="{ placement: position }"
+    :text="hover"
+  >
     <strong class="leading-3">{{ text }}</strong>
   </UTooltip>
 </template>
diff --git a/content/index.md b/content/index.md
index dcf6d69..274198a 100644
--- a/content/index.md
+++ b/content/index.md
@@ -1,7 +1,8 @@
 Hey, I'm Arthur Danjou, a mathematics student at the Paris-Saclay Faculty of Science in France.
 
 With a **deep understanding of emerging technologies**, I'm at the heart of a rapidly expanding field. My background
-in :hover-text{hover="Maths is my main passion ∑" text="mathematics"} gives me a head start in understanding the
+in :hover-text{hover="Maths is my main passion ∑" text="mathematics" position="top"} gives me a head start in
+understanding the
 concepts and theories behind these :hover-text{hover="My second passion 📱" text="technologies"} and in designing them
 effectively.
 
@@ -20,7 +21,8 @@ I also learned other important technologies, such as
 :prose-icon[MySQL]{icon="i-logos:mysql-icon"} and
 :prose-icon[Git]{icon="i-logos:git-icon"} to **improve** and **complete** my knowledge.
 
-I'm :hover-text{hover="As tech is always evolving, I need to be up-to-date 🖥️" text="constantly"} learning new things,
+I'm :hover-text{hover="As tech is always evolving, I need to be up-to-date 🖥️" text="constantly" position="top"}
+learning new things,
 from technology to finance and entrepreneurship. I love :hover-text{hover="I love sharing my knowledge and helping
 others 🫂" text="sharing"} my knowledge and learning new theorems and technologies. I'm a **curious** person and eager to
 continue learning and growing throughout my life.