From 91f9f7830589e517ffabd903fff4a3105ad2db29 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Sat, 3 Jul 2021 22:33:44 +0200
Subject: [PATCH] Working

---
 src/components/GuestBookLogin.vue      |   53 ++
 src/components/GuestbookMessage.vue    |   41 +-
 src/components/Header.vue              |   87 +-
 src/components/icons/BookIcon.vue      |    8 +-
 src/components/icons/ComputerIcon.vue  |   20 -
 src/components/icons/ContactIcon.vue   |   12 +-
 src/components/icons/HomeIcon.vue      |   11 +-
 src/components/icons/LightbulbIcon.vue |   12 +-
 src/components/icons/UserIcon.vue      |   13 +-
 src/pages/blog/_slug.vue               |    8 +-
 src/pages/guestbook.vue                |   39 +-
 tsconfig.tsbuildinfo                   | 1061 ++----------------------
 12 files changed, 255 insertions(+), 1110 deletions(-)
 create mode 100644 src/components/GuestBookLogin.vue
 delete mode 100644 src/components/icons/ComputerIcon.vue

diff --git a/src/components/GuestBookLogin.vue b/src/components/GuestBookLogin.vue
new file mode 100644
index 0000000..6efa3c3
--- /dev/null
+++ b/src/components/GuestBookLogin.vue
@@ -0,0 +1,53 @@
+<template>
+  <section class="p-6 border border-indigo-300 dark:border-indigo-700 rounded-lg text-justify">
+    <h1 class="text-black font-bold dark:text-white text-2xl">{{ $t('guestbook.signin') }}</h1>
+    <h3 class="text-gray-500 dark:text-gray-400">{{ $t('guestbook.share') }}</h3>
+    <div class="flex space-x-4 my-3">
+      <div @click="loginWithGoogle" class="icon-parent flex justify-center items-center p-2 border border-black dark:border-white duration-300 cursor-pointer">
+        <GoogleIcon />
+      </div>
+      <div @click="loginWithGithub" class="icon-parent flex justify-center items-center p-2 border border-black dark:border-white duration-300 cursor-pointer">
+        <GithubIcon />
+      </div>
+      <div @click="loginWithTwitter" class="icon-parent flex justify-center items-center p-2 border border-black dark:border-white duration-300 cursor-pointer">
+        <TwitterIcon />
+      </div>
+    </div>
+    <p class="text-sm text-gray-700 dark:text-gray-300">{{ $t('guestbook.infos') }}</p>
+  </section>
+</template>
+
+<script lang="ts">
+import {defineComponent, useContext} from "@nuxtjs/composition-api";
+
+export default defineComponent({
+  name: "GuestBookLogin",
+  setup() {
+    const { $axios } = useContext()
+
+    const loginWithGithub = () => {
+      return $axios.get('/auth/github').then((response) => {
+        console.log(response)
+      })
+    }
+
+    const loginWithGoogle = () => {
+
+    }
+
+    const loginWithTwitter = () => {
+
+    }
+
+    return  {
+      loginWithGithub,
+      loginWithTwitter,
+      loginWithGoogle
+    }
+  }
+})
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/GuestbookMessage.vue b/src/components/GuestbookMessage.vue
index aed917b..bd1f1b8 100644
--- a/src/components/GuestbookMessage.vue
+++ b/src/components/GuestbookMessage.vue
@@ -1,11 +1,28 @@
 <template>
-  <div>
-
+  <div class="my-6">
+    <div class="text-justify leading-6">
+      {{ message }}
+    </div>
+    <div class="flex mt-3">
+      <div class="text-gray-600">
+        {{ author }}
+      </div>
+      <div class="text-gray-200 px-3">/</div>
+      <div class="text-gray-400 lining-nums">
+        {{ formatDateAndTime }}
+      </div>
+    </div>
   </div>
 </template>
 
 <script lang="ts">
-import {defineComponent} from "@nuxtjs/composition-api";
+import {computed, defineComponent, useContext} from "@nuxtjs/composition-api";
+
+interface GuestBookMessageProps {
+  author: string,
+  message: string,
+  date: string
+}
 
 export default defineComponent({
   name: "GuestbookMessage",
@@ -22,10 +39,20 @@ export default defineComponent({
       type: String,
       default: "Guestbook Date"
     }
+  },
+  setup(props: GuestBookMessageProps) {
+    const {i18n} = useContext()
+
+    const formatDateAndTime = computed(() => {
+      const date = new Date(props.date)
+      const month = date.getMonth().toString().startsWith('0') ? date.getMonth() : `0${date.getMonth()}`
+      const minutes = date.getMinutes().toString().startsWith('0') ? date.getMinutes() : `0${date.getMinutes()}`
+      return `${date.getDate()} ${i18n.t(`month.${month}`)} ${date.getFullYear()} at ${date.getHours()}:${minutes}`
+    })
+
+    return {
+      formatDateAndTime
+    }
   }
 })
 </script>
-
-<style scoped>
-
-</style>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 9ac94f0..f116a99 100755
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,83 +1,77 @@
 <template>
-  <header class="dark:bg-black dark:text-white fixed z-50 top-0 left-0 bg-white w-full duration-400" :class="scrollPosition > 50 ? ' shadow-md dark:shadow-white h-16 lg:h-20' : 'h-20 lg:h-24'">
+  <header class="dark:bg-black dark:text-white fixed z-50 top-0 left-0 bg-white w-full duration-400"
+          :class="scrollPosition > 50 ? ' shadow-md dark:shadow-white h-16 lg:h-20' : 'h-20 lg:h-24'">
     <div class="header-container z-index-50 flex justify-between items-center h-full px-5 xl:px-32">
       <nuxt-link to="/">
-        <img src="~/assets/images/logo-header.png" alt="Logo Circle" class="h-10 left cursor-pointer duration-500" />
+        <img src="~/assets/images/logo-header.png" alt="Logo Circle" class="h-10 left cursor-pointer duration-500"/>
       </nuxt-link>
       <nav class="right">
         <div class="flex flex-col md:flex-row items-center">
           <ul class="flex text-lg">
             <nuxt-link class="hidden md:inline-block" to="/about">
-              <li class="nav-link">
+              <li class="nav-link text-gray-500 dark:text-gray-400" :class="{'text-black dark:text-white': isWindow('/about')}">
                 {{ $t('header.about') }}
               </li>
             </nuxt-link>
             <nuxt-link class="hidden md:inline-block" to="/blog">
-              <li class="nav-link">
+              <li class="nav-link text-gray-500 dark:text-gray-400" :class="{'text-black dark:text-white': isWindow('/blog')}">
                 {{ $t('header.blog') }}
               </li>
             </nuxt-link>
-            <nuxt-link class="hidden md:inline-block" to="/env">
-              <li class="nav-link">
-                {{ $t('header.env') }}
-              </li>
-            </nuxt-link>
             <nuxt-link class="hidden md:inline-block" to="/projects">
-              <li class="nav-link">
+              <li class="nav-link text-gray-500 dark:text-gray-400" :class="{'text-black dark:text-white': isWindow('/projects')}">
                 {{ $t('header.projects') }}
               </li>
             </nuxt-link>
             <nuxt-link class="hidden md:inline-block" to="/contact">
-              <li class="nav-link">
+              <li class="nav-link text-gray-500 dark:text-gray-400" :class="{'text-black dark:text-white': isWindow('/projects')}">
                 {{ $t('header.contact') }}
               </li>
             </nuxt-link>
           </ul>
         </div>
-        <ul class="dark:text-white dark:bg-black text-sm z-50 bg-white md:hidden fixed bottom-0 left-0 w-full flex items-center justify-around h-20 border-t border-gray-200 border-solid navbar-bottom-items">
-          <nuxt-link to="/" class="w-1/6 nav-link-mobile">
+        <ul
+          class="dark:text-white dark:bg-black text-sm z-50 bg-white md:hidden fixed bottom-0 left-0 w-full flex items-center justify-around h-20 border-t border-gray-200 border-solid navbar-bottom-items">
+          <nuxt-link to="/" class="w-1/5">
             <li class="h-full w-full font-medium flex flex-col items-center justify-center">
-              <HomeIcon :active="true" />
+              <HomeIcon :active="isWindow('')"/>
             </li>
           </nuxt-link>
-          <nuxt-link to="/about" class="w-1/6 nav-link-mobile">
+          <nuxt-link to="/about" class="w-1/5">
             <li class="font-medium flex flex-col items-center justify-center">
-              <UserIcon :active="false" />
+              <UserIcon :active="isWindow('/about')"/>
             </li>
           </nuxt-link>
-          <nuxt-link to="/blog" class="w-1/6 nav-link-mobile blog">
+          <nuxt-link to="/blog" class="w-1/5">
             <li class="font-medium flex flex-col items-center justify-center">
-              <BookIcon />
+              <BookIcon :active="isWindow('/blog')"/>
             </li>
           </nuxt-link>
-          <nuxt-link to="/env" class="w-1/6 nav-link-mobile">
+          <nuxt-link to="/projects" class="w-1/5">
             <li class="font-medium flex flex-col items-center justify-center">
-              <ComputerIcon />
+              <LightbulbIcon :active="isWindow('/projects')"/>
             </li>
           </nuxt-link>
-          <nuxt-link to="/projects" class="w-1/6 nav-link-mobile">
+          <nuxt-link to="/contact" class="w-1/5">
             <li class="font-medium flex flex-col items-center justify-center">
-              <LightbulbIcon />
+              <ContactIcon :active="isWindow('/contact')"/>
             </li>
           </nuxt-link>
-          <nuxt-link to="/contact" class="w-1/6 nav-link-mobile">
-              <li class="font-medium flex flex-col items-center justify-center">
-                <ContactIcon />
-              </li>
-          </nuxt-link>
         </ul>
       </nav>
       <div>
         <ul class="flex items-center">
-          <li @click="changeLanguage()" class="mx-1 h-9 w-9 cursor-pointer flex items-center justify-center p-1.5 rounded-xl hover:bg-gray-300 duration-200 dark:hover:bg-dark-400">
-            <TranslateIcon />
+          <li @click="changeLanguage()"
+              class="mx-1 h-9 w-9 cursor-pointer flex items-center justify-center p-1.5 rounded-xl hover:bg-gray-300 duration-200 dark:hover:bg-dark-400">
+            <TranslateIcon/>
           </li>
-          <li @click="changeColorMode()" class="mx-1 h-9 w-9 cursor-pointer flex items-center p-1.5 rounded-xl hover:bg-gray-300 dark:hover:bg-dark-400 duration-200">
+          <li @click="changeColorMode()"
+              class="mx-1 h-9 w-9 cursor-pointer flex items-center p-1.5 rounded-xl hover:bg-gray-300 dark:hover:bg-dark-400 duration-200">
             <div v-if="this.$colorMode.preference === 'light'">
-              <MoonIcon />
+              <MoonIcon/>
             </div>
             <div v-else>
-              <SunIcon />
+              <SunIcon/>
             </div>
           </li>
         </ul>
@@ -87,7 +81,16 @@
 </template>
 
 <script lang="ts">
-import {defineComponent, onMounted, onUnmounted, ref, useAsync, useContext, useRouter} from "@nuxtjs/composition-api";
+import {
+  computed,
+  defineComponent,
+  onMounted,
+  onUnmounted,
+  ref,
+  useAsync,
+  useContext,
+  useRouter, watch
+} from "@nuxtjs/composition-api";
 
 export default defineComponent({
   name: "Header",
@@ -119,11 +122,17 @@ export default defineComponent({
       }
     })
 
+    const isWindow = (loc: string) => {
+      if (loc === '') return $router.currentRoute.path === "/"
+      else return $router.currentRoute.path.includes(loc)
+    }
+
     return {
       scrollPosition,
       changeColorMode,
       updateScroll,
-      changeLanguage
+      changeLanguage,
+      isWindow
     }
   }
 })
@@ -131,15 +140,7 @@ export default defineComponent({
 
 <style scoped lang="scss">
 .nav-link {
-  @apply text-gray-500 dark:text-gray-400 hover:dark:text-white font-medium hover:text-black mx-4 cursor-pointer duration-300
-}
-
-.nav-link-mobile {
-  @apply text-gray-500 dark:text-gray-400 hover:dark:text-white hover:text-black duration-300
-}
-
-.nuxt-link-exact-active {
-  @apply text-black dark:text-white;
+  @apply hover:dark:text-white font-medium hover:text-black mx-4 cursor-pointer duration-300
 }
 
 .navbar-bottom-items li {
diff --git a/src/components/icons/BookIcon.vue b/src/components/icons/BookIcon.vue
index 88c2d0e..d0c9b9f 100644
--- a/src/components/icons/BookIcon.vue
+++ b/src/components/icons/BookIcon.vue
@@ -1,5 +1,11 @@
 <template>
-  <svg class="inline" width="2.5em" height="2.5em" viewBox="0 0 24 24" focusable="false">
+  <svg v-if="active" class="inline" width="2.5em" height="2.5em" viewBox="0 0 24 24" focusable="false">
+    <path
+      d="M21 4H7a2 2 0 1 0 0 4h14v13a1 1 0 0 1-1 1H7a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h13a1 1 0 0 1 1 1v1zm-1 3H7a1 1 0 1 1 0-2h13v2z"
+      fill="currentColor"
+    />
+  </svg>
+  <svg v-else class="inline" width="2.5em" height="2.5em" viewBox="0 0 24 24" focusable="false">
     <path
       d="M21 4H7a2 2 0 1 0 0 4h14v13a1 1 0 0 1-1 1H7a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h13a1 1 0 0 1 1 1v1zM5 18a2 2 0 0 0 2 2h12V10H7a3.982 3.982 0 0 1-2-.535V18zM20 7H7a1 1 0 1 1 0-2h13v2z"
       fill="currentColor"
diff --git a/src/components/icons/ComputerIcon.vue b/src/components/icons/ComputerIcon.vue
deleted file mode 100644
index a08a9b2..0000000
--- a/src/components/icons/ComputerIcon.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-  <svg class="inline" width="2.5em" height="2.5em" viewBox="0 0 24 24" focusable="false">
-    <path
-      d="M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-
-<script lang="ts">
-export default {
-  name: "ComputerIcon",
-  props: {
-    active: {
-      type: Boolean,
-      default: false
-    }
-  }
-}
-</script>
diff --git a/src/components/icons/ContactIcon.vue b/src/components/icons/ContactIcon.vue
index 411f075..8ca7378 100644
--- a/src/components/icons/ContactIcon.vue
+++ b/src/components/icons/ContactIcon.vue
@@ -1,8 +1,16 @@
 <template>
-  <svg class="inline" width="2.5em" height="2.5em" viewBox="0 0 24 24" focusable="false">
+  <svg v-if="active" class="inline" width="2.5em" height="2.5em" viewBox="0 0 20 20" focusable="false">
     <path
-      d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-1 14H5c-.55 0-1-.45-1-1V8l6.94 4.34c.65.41 1.47.41 2.12 0L20 8v9c0 .55-.45 1-1 1zm-7-7L4 6h16l-8 5z"
       fill="currentColor"
+      fill-rule="evenodd"
+      d="M7.172 11.334l2.83 1.935l2.728-1.882l6.115 6.033c-.161.052-.333.08-.512.08H1.667c-.22 0-.43-.043-.623-.12l6.128-6.046zM20 6.376v9.457c0 .247-.054.481-.15.692l-5.994-5.914L20 6.376zM0 6.429l6.042 4.132l-5.936 5.858A1.663 1.663 0 0 1 0 15.833V6.43zM18.333 2.5c.92 0 1.667.746 1.667 1.667v.586L9.998 11.648L0 4.81v-.643C0 3.247.746 2.5 1.667 2.5h16.666z"
+    />
+  </svg>
+  <svg v-else class="inline" width="2.5em" height="2.5em" viewBox="0 0 20 20" focusable="false">
+    <path
+      fill="currentColor"
+      fill-rule="evenodd"
+      d="M18.333 2.5c.92 0 1.667.746 1.667 1.667v11.666c0 .92-.746 1.667-1.667 1.667H1.667C.747 17.5 0 16.754 0 15.833V4.167C0 3.247.746 2.5 1.667 2.5h16.666zM7.168 11.328l-4.91 4.852h15.325l-4.857-4.802L10 13.265l-2.832-1.937zM18.64 7.292l-4.796 3.316l4.796 4.736V7.292zm-17.279.061v7.836l4.686-4.631l-4.686-3.205zm16.956-3.532H1.698a.358.358 0 0 0-.25.086a.26.26 0 0 0-.085.222v1.62L10 11.656l8.644-5.965V4.199c.001-.134-.03-.231-.092-.292a.306.306 0 0 0-.234-.086z"
     />
   </svg>
 </template>
diff --git a/src/components/icons/HomeIcon.vue b/src/components/icons/HomeIcon.vue
index ecedc96..35ef348 100644
--- a/src/components/icons/HomeIcon.vue
+++ b/src/components/icons/HomeIcon.vue
@@ -1,9 +1,14 @@
 <template>
-  <svg class="inline" width="2.5em" height="2.5em" viewBox="0 0 24 24" focusable="false">
+  <svg v-if="active" class="inline" width="2.5em" height="2.5em" viewBox="0 0 24 24" focusable="false">
+    <path
+      d="M15 22.065v-5a3 3 0 0 0-6 0v5H4a2 2 0 0 1-2-2V9.197a2 2 0 0 1 .971-1.715l8-4.8a2 2 0 0 1 2.058 0l8 4.8A2 2 0 0 1 22 9.197v10.868a2 2 0 0 1-2 2h-5z"
+      fill="currentColor"
+    />
+  </svg>
+  <svg v-else class="inline" width="2.5em" height="2.5em" viewBox="0 0 24 24" focusable="false">
     <path
       d="M20 20V9.132l-8-4.8l-8 4.8V20h4v-2.75a4 4 0 1 1 8 0V20h4zm-6 2v-4.75a2 2 0 1 0-4 0V22H4a2 2 0 0 1-2-2V9.132a2 2 0 0 1 .971-1.715l8-4.8a2 2 0 0 1 2.058 0l8 4.8A2 2 0 0 1 22 9.132V20a2 2 0 0 1-2 2h-6z"
-      stroke="currentColor"
-      :class="{active: 'fill-black dark:fill-white'}"
+      fill="currentColor"
     />
   </svg>
 </template>
diff --git a/src/components/icons/LightbulbIcon.vue b/src/components/icons/LightbulbIcon.vue
index ebb9156..c18bb47 100644
--- a/src/components/icons/LightbulbIcon.vue
+++ b/src/components/icons/LightbulbIcon.vue
@@ -1,9 +1,15 @@
 <template>
-  <svg class="inline" width="1.5em" height="2.5em" viewBox="0 0 352 512" focusable="false">
+  <svg v-if="active" class="inline" width="2.5em" height="2.5em" viewBox="0 0 256 256" focusable="false">
     <path
-      d="M176 80c-52.94 0-96 43.06-96 96c0 8.84 7.16 16 16 16s16-7.16 16-16c0-35.3 28.72-64 64-64c8.84 0 16-7.16 16-16s-7.16-16-16-16zM96.06 459.17c0 3.15.93 6.22 2.68 8.84l24.51 36.84c2.97 4.46 7.97 7.14 13.32 7.14h78.85c5.36 0 10.36-2.68 13.32-7.14l24.51-36.84c1.74-2.62 2.67-5.7 2.68-8.84l.05-43.18H96.02l.04 43.18zM176 0C73.72 0 0 82.97 0 176c0 44.37 16.45 84.85 43.56 115.78c16.64 18.99 42.74 58.8 52.42 92.16v.06h48v-.12c-.01-4.77-.72-9.51-2.15-14.07c-5.59-17.81-22.82-64.77-62.17-109.67c-20.54-23.43-31.52-53.15-31.61-84.14c-.2-73.64 59.67-128 127.95-128c70.58 0 128 57.42 128 128c0 30.97-11.24 60.85-31.65 84.14c-39.11 44.61-56.42 91.47-62.1 109.46a47.507 47.507 0 0 0-2.22 14.3v.1h48v-.05c9.68-33.37 35.78-73.18 52.42-92.16C335.55 260.85 352 220.37 352 176C352 78.8 273.2 0 176 0z"
+      d="M176 232a8 8 0 0 1-8 8H88a8 8 0 0 1 0-16h80a8 8 0 0 1 8 8zm40-128a87.544 87.544 0 0 1-33.642 69.208A16.235 16.235 0 0 0 176 185.977V192a16.018 16.018 0 0 1-16 16H96a16.018 16.018 0 0 1-16-16v-6.031a16.02 16.02 0 0 0-6.23-12.66a87.575 87.575 0 0 1-33.769-68.814c-.263-47.662 38.263-87.35 85.881-88.47A88.002 88.002 0 0 1 216 104zm-50.343 2.343a8.002 8.002 0 0 0-11.314 0L128 132.687l-26.343-26.344a8 8 0 0 0-11.314 11.314L120 147.314V184a8 8 0 0 0 16 0v-36.686l29.657-29.657a8 8 0 0 0 0-11.314z"
       fill="currentColor"
-    />
+  />
+  </svg>
+  <svg v-else class="inline" width="2.5em" height="2.5em" viewBox="0 0 256 256" focusable="false">
+    <path
+      d="M176 232a8 8 0 0 1-8 8H88a8 8 0 0 1 0-16h80a8 8 0 0 1 8 8zm40-128a87.544 87.544 0 0 1-33.642 69.208A16.235 16.235 0 0 0 176 185.977V192a16.018 16.018 0 0 1-16 16H96a16.018 16.018 0 0 1-16-16v-6.031a16.02 16.02 0 0 0-6.23-12.66a87.575 87.575 0 0 1-33.769-68.814c-.263-47.662 38.263-87.35 85.881-88.47A88.002 88.002 0 0 1 216 104zm-16 0a72 72 0 0 0-73.741-71.98C87.303 32.939 55.786 65.41 56 104.408a71.657 71.657 0 0 0 27.637 56.307A31.922 31.922 0 0 1 96 185.968V192h24v-44.686l-29.657-29.657a8 8 0 0 1 11.314-11.314L128 132.687l26.343-26.344a8 8 0 1 1 11.314 11.314L136 147.314V192h24v-6.024a32.135 32.135 0 0 1 12.467-25.344A71.638 71.638 0 0 0 200 104z"
+      fill="currentColor"
+  />
   </svg>
 </template>
 
diff --git a/src/components/icons/UserIcon.vue b/src/components/icons/UserIcon.vue
index 292ceb0..fe3df1f 100644
--- a/src/components/icons/UserIcon.vue
+++ b/src/components/icons/UserIcon.vue
@@ -1,9 +1,14 @@
 <template>
-  <svg class="inline" width="2.5em" height="2.5em" viewBox="0 0 24 24" focusable="false">
+  <svg v-if="active" class="inline" width="2.5em" height="2.5em" viewBox="0 0 24 24" focusable="false">
     <path
-      d="M15.71 12.71a6 6 0 1 0-7.42 0a10 10 0 0 0-6.22 8.18a1 1 0 0 0 2 .22a8 8 0 0 1 15.9 0a1 1 0 0 0 1 .89h.11a1 1 0 0 0 .88-1.1a10 10 0 0 0-6.25-8.19zM12 12a4 4 0 1 1 4-4a4 4 0 0 1-4 4z"
-      stroke="currentColor"
-      :class="{active: 'fill-black dark:fill-white'}"
+      d="M20 22H4v-2a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5v2zm-8-9a6 6 0 1 1 0-12a6 6 0 0 1 0 12z"
+      fill="currentColor"
+    />
+  </svg>
+  <svg v-else class="inline" width="2.5em" height="2.5em" viewBox="0 0 24 24" focusable="false">
+    <path
+      d="M20 22h-2v-2a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v2H4v-2a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5v2zm-8-9a6 6 0 1 1 0-12a6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8z"
+      fill="currentColor"
     />
   </svg>
 </template>
diff --git a/src/pages/blog/_slug.vue b/src/pages/blog/_slug.vue
index 8ea9ede..5c50cee 100755
--- a/src/pages/blog/_slug.vue
+++ b/src/pages/blog/_slug.vue
@@ -16,20 +16,20 @@
       <h1 class="text-3xl md:text-5xl font-bold">
         {{ post.title }}
       </h1>
-      <h3 class="text-xl text-gray-800 dark:text-dark-100 my-4 md:mt-8">
+      <h3 class="text-xl text-gray-800 dark:text-gray-300 my-4 md:mt-8">
         {{ post.description }}
       </h3>
       <div class="flex flex-row justify-between w-full md:w-2/3 mb-12">
         <div>
-          <p class="uppercase text-sm font-bold text-gray-800 dark:text-dark-100">Date</p>
+          <p class="uppercase text-sm font-bold text-gray-800 dark:text-gray-400">Date</p>
           <p>{{ formatDate }}</p>
         </div>
         <div>
-          <p class="uppercase text-sm font-bold text-gray-800 dark:text-dark-100">{{ $t('blog.read.time') }}</p>
+          <p class="uppercase text-sm font-bold text-gray-800 dark:text-gray-400">{{ $t('blog.read.time') }}</p>
           <p>{{ post.reading_time }} min</p>
         </div>
         <div>
-          <p :class="post.tags.length === 0 ? 'opacity-0': 'opacity-100'" class="uppercase text-sm font-bold text-gray-800 dark:text-dark-100">Tags</p>
+          <p :class="post.tags.length === 0 ? 'opacity-0': 'opacity-100'" class="uppercase text-sm font-bold text-gray-800 dark:text-gray-400">Tags</p>
           <p>{{ formatTags }}</p>
         </div>
       </div>
diff --git a/src/pages/guestbook.vue b/src/pages/guestbook.vue
index dc4a9dc..496ee78 100644
--- a/src/pages/guestbook.vue
+++ b/src/pages/guestbook.vue
@@ -1,30 +1,20 @@
 <template>
   <main v-if="guestbook_messages" class="flex flex-col mb-8 px-5 xl:px-64">
     <PageTitle class="self-center" title="part.guestbook"/>
-    <section @click="log" class="flex flex-col 2xl:flex-row items-center py-8">
+    <section class="flex flex-col 2xl:flex-row items-center py-8">
       <div class="ml-2 text-lg leading-6 text-justify dark:text-gray-400 text-gray-700">
         <p>{{ $t('guestbook.description') }}</p>
       </div>
     </section>
-    <section class="md:w-2/3 p-6 border border-indigo-300 dark:border-indigo-700 rounded-lg text-justify">
-      <h1 class="text-black font-bold dark:text-white text-2xl">{{ $t('guestbook.signin') }}</h1>
-      <h3 class="text-gray-500 dark:text-gray-400">{{ $t('guestbook.share') }}</h3>
-      <div class="flex space-x-4 my-3">
-        <div class="icon-parent flex justify-center items-center p-2 border border-black dark:border-white duration-300 cursor-pointer">
-          <GoogleIcon />
-        </div>
-        <div class="icon-parent flex justify-center items-center p-2 border border-black dark:border-white duration-300 cursor-pointer">
-          <GithubIcon />
-        </div>
-        <div class="icon-parent flex justify-center items-center p-2 border border-black dark:border-white duration-300 cursor-pointer">
-          <TwitterIcon />
-        </div>
+    <GuestBookLogin />
+    <section class="flex flex-col py-8">
+      <div v-for="message in guestbook_messages">
+        <GuestbookMessage
+          :message="message.message"
+          :author="message.user.username"
+          :date="message.created_at"
+        />
       </div>
-      <p class="text-sm text-gray-700 dark:text-gray-300">{{ $t('guestbook.infos') }}</p>
-    </section>
-    <section class="flex flex-col 2xl:flex-row justify-center items-center py-8">
-      FETCH messages
-      {{ guestbook_messages }}
     </section>
   </main>
 </template>
@@ -46,7 +36,7 @@ export default defineComponent({
     }
   },
   setup() {
-    const { $axios } = useContext()
+    const { $axios, $sentry } = useContext()
     const guestbook_messages = ref([])
 
     useAsync(async () => {
@@ -59,17 +49,12 @@ export default defineComponent({
           guestbook_messages.value = response.data.guestbook_messages
         })
         .catch(error => {
-          console.log("error", error)
+          $sentry.captureEvent(error)
         })
     })
 
-    const log = () => {
-      console.log(guestbook_messages)
-    }
-
     return {
-      guestbook_messages,
-      log
+      guestbook_messages
     }
   }
 })
diff --git a/tsconfig.tsbuildinfo b/tsconfig.tsbuildinfo
index 810d549..2ecb124 100644
--- a/tsconfig.tsbuildinfo
+++ b/tsconfig.tsbuildinfo
@@ -216,39 +216,14 @@
         "signature": "1e61418f41d404e744b6536af9f8c6f6674dd4d54c12335cd0c4f7eded69cf3f",
         "affectsGlobalScope": true
       },
-      "./node_modules/vue/types/vnode.d.ts": {
-        "version": "e4ffcf0874c04af41261bc47240f8a07e0a6c6b92ee27535037d1b84562a0a9a",
-        "signature": "e4ffcf0874c04af41261bc47240f8a07e0a6c6b92ee27535037d1b84562a0a9a",
+      "./src/locales/en-EN.ts": {
+        "version": "198cdc2a2d0b8382052d8cccbdecfdf030f8b2b23294be472b29a5f565dccd50",
+        "signature": "74445e9c1bde1a2802259af3293b5a159a1aa1e5d94f0b570168578e9ad1a3ef",
         "affectsGlobalScope": false
       },
-      "./node_modules/vue/types/options.d.ts": {
-        "version": "a93869a6d95326dab9f38ecbbd51081048ebfd699ac18841178ddf83de90d9f4",
-        "signature": "a93869a6d95326dab9f38ecbbd51081048ebfd699ac18841178ddf83de90d9f4",
-        "affectsGlobalScope": false
-      },
-      "./node_modules/vue/types/plugin.d.ts": {
-        "version": "e8cc0280272ae461f8dc6eef59712323d9eea7abfd455a8d4861601f3c5a9a6f",
-        "signature": "e8cc0280272ae461f8dc6eef59712323d9eea7abfd455a8d4861601f3c5a9a6f",
-        "affectsGlobalScope": false
-      },
-      "./node_modules/vue/types/vue.d.ts": {
-        "version": "d946d4a97ba86fd0857f7fca9c5a859b74d0df8d1f4a3cf5c4587b499c4b81b0",
-        "signature": "d946d4a97ba86fd0857f7fca9c5a859b74d0df8d1f4a3cf5c4587b499c4b81b0",
-        "affectsGlobalScope": false
-      },
-      "./node_modules/vue/types/umd.d.ts": {
-        "version": "dc645f5824d760b61e34dff04adb5ee53b8efc3735a974c53d0ffb4e70d0f2d2",
-        "signature": "dc645f5824d760b61e34dff04adb5ee53b8efc3735a974c53d0ffb4e70d0f2d2",
-        "affectsGlobalScope": false
-      },
-      "./node_modules/vue/types/index.d.ts": {
-        "version": "4a75e4b3cb109dcf5e977cb8ab1c8f9804073b37fa7f094785ee8014efdeabf4",
-        "signature": "4a75e4b3cb109dcf5e977cb8ab1c8f9804073b37fa7f094785ee8014efdeabf4",
-        "affectsGlobalScope": false
-      },
-      "./node_modules/@vue/composition-api/dist/index.d.ts": {
-        "version": "e16cd96abac04176f8e527b8418601a8e96856827d8612a6f8a57602671e07b0",
-        "signature": "e16cd96abac04176f8e527b8418601a8e96856827d8612a6f8a57602671e07b0",
+      "./src/locales/fr-FR.ts": {
+        "version": "1b55bcef44b00fb15ad7653f80727dce16328e3b45ba9f2afbd2a69d72fd8b0b",
+        "signature": "628dd954064d33d42350affba8c1616aee7d43c88f79b6aa4ce98a797e34558f",
         "affectsGlobalScope": false
       },
       "./node_modules/@types/node/assert/strict.d.ts": {
@@ -531,6 +506,36 @@
         "signature": "81c14b89fa607b86dd726e2e3e91360cf8155ce97468404324d404a5bd65b2eb",
         "affectsGlobalScope": false
       },
+      "./node_modules/vue/types/vnode.d.ts": {
+        "version": "e4ffcf0874c04af41261bc47240f8a07e0a6c6b92ee27535037d1b84562a0a9a",
+        "signature": "e4ffcf0874c04af41261bc47240f8a07e0a6c6b92ee27535037d1b84562a0a9a",
+        "affectsGlobalScope": false
+      },
+      "./node_modules/vue/types/options.d.ts": {
+        "version": "a93869a6d95326dab9f38ecbbd51081048ebfd699ac18841178ddf83de90d9f4",
+        "signature": "a93869a6d95326dab9f38ecbbd51081048ebfd699ac18841178ddf83de90d9f4",
+        "affectsGlobalScope": false
+      },
+      "./node_modules/vue/types/plugin.d.ts": {
+        "version": "e8cc0280272ae461f8dc6eef59712323d9eea7abfd455a8d4861601f3c5a9a6f",
+        "signature": "e8cc0280272ae461f8dc6eef59712323d9eea7abfd455a8d4861601f3c5a9a6f",
+        "affectsGlobalScope": false
+      },
+      "./node_modules/vue/types/vue.d.ts": {
+        "version": "d946d4a97ba86fd0857f7fca9c5a859b74d0df8d1f4a3cf5c4587b499c4b81b0",
+        "signature": "d946d4a97ba86fd0857f7fca9c5a859b74d0df8d1f4a3cf5c4587b499c4b81b0",
+        "affectsGlobalScope": false
+      },
+      "./node_modules/vue/types/umd.d.ts": {
+        "version": "dc645f5824d760b61e34dff04adb5ee53b8efc3735a974c53d0ffb4e70d0f2d2",
+        "signature": "dc645f5824d760b61e34dff04adb5ee53b8efc3735a974c53d0ffb4e70d0f2d2",
+        "affectsGlobalScope": false
+      },
+      "./node_modules/vue/types/index.d.ts": {
+        "version": "4a75e4b3cb109dcf5e977cb8ab1c8f9804073b37fa7f094785ee8014efdeabf4",
+        "signature": "4a75e4b3cb109dcf5e977cb8ab1c8f9804073b37fa7f094785ee8014efdeabf4",
+        "affectsGlobalScope": false
+      },
       "./node_modules/vue-router/types/vue.d.ts": {
         "version": "b56d9393ffa742581df97083f418938976ee0c8e576abfd06c1da35a5b7e84e4",
         "signature": "b56d9393ffa742581df97083f418938976ee0c8e576abfd06c1da35a5b7e84e4",
@@ -1126,411 +1131,6 @@
         "signature": "6f5fe6eee82ccb2fc18cf3955af4b5c8756e721244912835596b02f9a4229255",
         "affectsGlobalScope": false
       },
-      "./node_modules/@nuxtjs/composition-api/dist/index.d.ts": {
-        "version": "f80a7e07a7eb5f0b68081f85782c00666b9b6a424243db7faf4440a9cf7b7bd7",
-        "signature": "f80a7e07a7eb5f0b68081f85782c00666b9b6a424243db7faf4440a9cf7b7bd7",
-        "affectsGlobalScope": false
-      },
-      "./types/types.ts": {
-        "version": "c97a118e4aa87a6c0b6774a199a7a998f360e34812d1dccba972daa1d2f1b3fd",
-        "signature": "d51cf90c67a6741bad527a7f081e4b6bdb9656fb8160c3d823184bc76332e276",
-        "affectsGlobalScope": false
-      },
-      "./src/components/AboutHome.vue.ts": {
-        "version": "d8c24a43c172dd4d713df4282739c119d6ff2a26f9911813935f1e10e4fefab2",
-        "signature": "27c32e3e98675eec431ca36c35f3469b3d561e6d9dfd764b5a05fd31f96a6b5d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/Ad.vue.ts": {
-        "version": "de88510052fbcf69ce34f7bc876f9ca3407d0786a3d1d3e9ebba28b14a88290c",
-        "signature": "e4b571096aa66999c4f8b2ac91e51a7cf186c177e304301cddc023169f7c9fdf",
-        "affectsGlobalScope": false
-      },
-      "./src/components/AdHome.vue.ts": {
-        "version": "e34e75400f7b6b5c69963c891eaf92732d147738bc828b42609eb6663cd57f72",
-        "signature": "c6e0b91e8791b5b1efdf3f1b943372b2d36c70b0563d40d6c3f27fdfa04c793f",
-        "affectsGlobalScope": false
-      },
-      "./src/components/Banner.vue.ts": {
-        "version": "27e74b07155b67ce0db035f5cf8a1204f82e133250304297c1712613f2fc15a8",
-        "signature": "c6e0b91e8791b5b1efdf3f1b943372b2d36c70b0563d40d6c3f27fdfa04c793f",
-        "affectsGlobalScope": false
-      },
-      "./src/components/Button.vue.ts": {
-        "version": "d55f958a8644618c65590d5e0a583e27f4a500b765d43440136ddf8499e857a7",
-        "signature": "e72525d435e5cc82e33bc246e0b5a00218ee1ecb6ce7e8a46fe350f3e75db8dc",
-        "affectsGlobalScope": false
-      },
-      "./src/components/ContactForm.vue.ts": {
-        "version": "b3b9943163e070a428cad62fc7126dfac7902f2723c46b0bbf47b31c3438582d",
-        "signature": "d26142bad7dcc401a5347b342131758b519cb8d5c00e5d1aa175bbc14d2ffb73",
-        "affectsGlobalScope": false
-      },
-      "./src/components/EnvGroup.vue.js": {
-        "version": "d3320d14e99cc5fd8147397627ed3c9aa85f52085fdf921ede5b90f00eff42c4",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/EnvList.vue.js": {
-        "version": "63bd549b45cb5968909afc5b88782ac650aabd4db592262d99bb32c42497d440",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/EnvListItem.vue.js": {
-        "version": "908941e0111a4f43fc1147154aad965394ddc703b92dd781547646a8fc2a13b7",
-        "signature": "03c92d43d334a0646e88db79bbe1682a0105c8c75870055eab1dc1dc1d5587f5",
-        "affectsGlobalScope": false
-      },
-      "./src/components/EnvTitle.vue.js": {
-        "version": "612bd445827a1ab968a2bab0acf8ed83a77136eea220c3b7dc8490d121b5951c",
-        "signature": "0562efbe18745ab1a9a78d3f3e4114e829435f6af0dcb0120f38846984dab72c",
-        "affectsGlobalScope": false
-      },
-      "./src/components/Experience.vue.ts": {
-        "version": "f7dac2af37c80f349760c95e105e746654251cc003f2acd2c3851f9d4e30fbee",
-        "signature": "765450a944239b18294192b583bdc6ff5b49ee5a6707d16f9b17c60cfb1b27ed",
-        "affectsGlobalScope": false
-      },
-      "./src/components/ExperiencesAbout.vue.ts": {
-        "version": "02f91ab62a35c960b1377cceb5c2d95757b36acb5be84d35626f93025e7dec77",
-        "signature": "f949f6d4600598cf1a2922677c1442e1839cdabd20832de096b7bf9a0099c2c7",
-        "affectsGlobalScope": false
-      },
-      "./src/components/Footer.vue.ts": {
-        "version": "7282c703373a48cfcbce64bb48d75e0de21483da957d8a8be1f851d384561450",
-        "signature": "cae803f61291b9c6156a404328d8e7b67cd03a090e66e7294ee08f5442079e97",
-        "affectsGlobalScope": false
-      },
-      "./src/components/Formation.vue.ts": {
-        "version": "72e0aeda285170daa4670e40e8dc29f8bef8b5a94182320b6580539e8762b863",
-        "signature": "c3847420d63d1aa9e213fdf1d9eef596dbd9d13051c2d3daf6b840ba7e44b966",
-        "affectsGlobalScope": false
-      },
-      "./src/components/FormationsAbout.vue.ts": {
-        "version": "6c94f830fa3cfad14c8081887a0c2593c0acff8584dcc205ac91613fdcd814fa",
-        "signature": "41cc49f3866e41e4e637e810987c6752d9da3d4440c4283e49712dd679ebb98a",
-        "affectsGlobalScope": false
-      },
-      "./src/components/GuestbookMessage.vue.ts": {
-        "version": "b35fdb94788a7f64722e7af3e2ed0cb9c4ca468dc9470d47296cc9cf1a3311fa",
-        "signature": "ea60b98eabe957956fc074785c9d219366ad842c3e3ee9dc5df6a53f986f7cf0",
-        "affectsGlobalScope": false
-      },
-      "./src/components/Header.vue.ts": {
-        "version": "8b8769f0f7451c1bbc0a68b002ba4d5bcb0fdae9a52397873fb15d79538697d8",
-        "signature": "b385c042434c74d6a23ddb6ebb14629c6459cac5de66ea5fdce9a4f3b542edc0",
-        "affectsGlobalScope": false
-      },
-      "./src/components/InterestsAbout.vue.js": {
-        "version": "e5dd9c3df8d72e9ddefdddb7688d99dab944b06a7696b168622e86da87635322",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/LanguagesAbout.vue.js": {
-        "version": "bc0a01de273b02a5509eaf2184d555fa6db282739024e66cc44fc53993f42898",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/PageTitle.vue.ts": {
-        "version": "0a62819bbc0d362269fb2bddcaa54a7411d4d291b4714d503f082567bc1e6d1c",
-        "signature": "21267281fe59b49c035c916e061a5da5e4d1c92c59adca8efd6a390016826360",
-        "affectsGlobalScope": false
-      },
-      "./src/components/Post.vue.ts": {
-        "version": "dca179bcc5670514fc5c6082386bcbc63d7aebb6ec39ba6b3ec085e8f9a12348",
-        "signature": "5d8ad8830b37830e2c821c2b7a97733575bc2b99a057ce6adf7e93873be7e04a",
-        "affectsGlobalScope": false
-      },
-      "./src/components/PostsHome.vue.ts": {
-        "version": "5ea4bd18e7bf761a64a0d490bbabec5e9e4e8d70592380a248fc32f89f13eae7",
-        "signature": "0f3bc884abced4ab69e47844cd1da2d1b87022eb69ab3ea0b9e3bb5a867fd720",
-        "affectsGlobalScope": false
-      },
-      "./src/components/PresentationAbout.vue.js": {
-        "version": "a5e87c29a321f8fd51d8578a4e9b93f4052a8978de49d635e745987271a017a6",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/Project.vue.ts": {
-        "version": "6a5298f63666fe90292eb5f7f74acaf72d4a8536bbf4e3dbfb39f50ddd5bd60e",
-        "signature": "7a33598a183cfe23458d74005c48c0a16893aeeaba2878ef7f9e0c2a1f59df7b",
-        "affectsGlobalScope": false
-      },
-      "./src/components/ProjectsHome.vue.ts": {
-        "version": "b9f9b7535f7597e957277a02b1ace919f731d16e7e171dbddb0990a317d3f44a",
-        "signature": "d4fb6b4d30d9e8b94c986fdebf22e8505cb9f26ac32ef911a455e3c46e2af178",
-        "affectsGlobalScope": false
-      },
-      "./src/components/Skill.vue.ts": {
-        "version": "50dd73e75a76b8f80d60afb53ed261faa6fcc9454dc79b29285a49606e56b791",
-        "signature": "8c9d6ac56fe4cf35eaa97d43c0f9386e5cad92d9904764a41b0ba3ac8f3eba7b",
-        "affectsGlobalScope": false
-      },
-      "./src/components/SkillsAbout.vue.ts": {
-        "version": "cb6906d6d3b06a4c74f04b4ebe5e57aa695a85a6fe94d7b6532b42e22daaea15",
-        "signature": "a0dd19ef7769c3026fc8e412437b69d8453d593b2387e0bd389fd277cb481413",
-        "affectsGlobalScope": false
-      },
-      "./src/components/Tag.vue.ts": {
-        "version": "75ff79ceeb7992de3cdcbd353209c843b60521871281e5eca179ef1c7d6b04ef",
-        "signature": "1d01c59aebedf2dded394cddf9487ff8920ccfed3f9300e765b0d99b3f0b9fcc",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/AdonisIcon.vue.ts": {
-        "version": "652da707b1866d66bdfe9b41b7c487fb46b9bbb482ad78fc668022aa951e5394",
-        "signature": "a2f055dfdc3a78e2aceee5f28ed62872a3be229ce9ee4bf0e5f500e997fcb9c4",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/ArrowUpIcon.vue.js": {
-        "version": "f552a7ba97b5cd671a64ee054d0f3004cdba8f513090263fec93d11bf1ef1379",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/BackSpaceIcon.vue.js": {
-        "version": "eea069b2217e7ceadd47fc0de1cf97db5dbae37876a6d0bb8d4684f7bcd18d3c",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/BookIcon.vue.ts": {
-        "version": "8b0a44d8332783b1a0155407cb9444b1b4dd050849800a3b387e021cc98a3cb2",
-        "signature": "2b052cfa4996206110782bf2598cc89455a9d451301bd7fbf1bab46022914994",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/BookmarkIcon.vue.js": {
-        "version": "e7c9e7012dfa0424e75bbd6b3b29b85750fbaceb9f369699cbadece9d30cfebc",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/BundleIcon.vue.js": {
-        "version": "e4070c50517ff7e474c7025a9f667f925552042d0925b61cc4e48e89a46318d4",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/CheckIcon.vue.js": {
-        "version": "bc4a1badff8186ee090494b23fbc2e5b0d6dbc9772402f1a5bb35f533da40420",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/CloudIcon.vue.js": {
-        "version": "cf7ae70df20b01cd540d396fd61577a712f9f73a43f6b963e6824fda3f811f86",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/ComputerIcon.vue.ts": {
-        "version": "e4b71e816b13dfcab2ad12ac4d17d9c390cc42322b2c1dd342b4310c30443d9f",
-        "signature": "2b052cfa4996206110782bf2598cc89455a9d451301bd7fbf1bab46022914994",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/ContactIcon.vue.ts": {
-        "version": "763b60ba37b83ed8f41c58ea9f06f688682f43673a5508c303b0dd9a3fd0f51c",
-        "signature": "2b052cfa4996206110782bf2598cc89455a9d451301bd7fbf1bab46022914994",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/CopyIcon.vue.js": {
-        "version": "eb6c87cd03f3ffb8077dac2bfdd5848f53059b0ea6a4d0e227e845d5f9e88f21",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/CpuIcon.vue.js": {
-        "version": "54207168a806e5b5bfd5a20098a1fc0f6250932bc8f693da2b264293c5f4b6e1",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/CubeIcon.vue.js": {
-        "version": "3a1b5666d206bb50abf856bc6edadf448982dfa8491b195a3d1f9f58f5de4e37",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/DegreeHatIcon.vue.js": {
-        "version": "383d5d3232bd96471ae9a51e9b7aa56f3d4f2af503369cccfc63e3bc327c7f25",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/DevelopmentIcon.vue.js": {
-        "version": "e92f9bdb23ad5451db5ecd47e97dc6c27182897aee092c3d5d632a5c712a0afb",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/ErrorIcon.vue.js": {
-        "version": "d430167ff591de68086092d7cda913dc9fe7fcf68d519e81f63984d71e84c6cb",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/FireIcon.vue.js": {
-        "version": "06815770f76033527bd67300ced9500fc86e70c6125f200207babb3d711d9515",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/GithubIcon.vue.ts": {
-        "version": "652da707b1866d66bdfe9b41b7c487fb46b9bbb482ad78fc668022aa951e5394",
-        "signature": "a2f055dfdc3a78e2aceee5f28ed62872a3be229ce9ee4bf0e5f500e997fcb9c4",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/GoogleIcon.vue.js": {
-        "version": "3bfaee4bc5f4db59f5c509316a7861cb2f9177b5738f015d07ed30b3e3d7fa07",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/HeartIcon.vue.ts": {
-        "version": "a710c7ad19eedd7734c40cc08913756424edfd64589598c514a17f650c83cce4",
-        "signature": "46cd62d67b2e0d5ccf33a860c6b4227a1e3b2886a35306ff5d04c812e5878779",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/HomeIcon.vue.ts": {
-        "version": "b01f2001f7a4150a61a03574e4a8eac4cba9824a278c87144c3d281d9dcf534b",
-        "signature": "2b052cfa4996206110782bf2598cc89455a9d451301bd7fbf1bab46022914994",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/InfiniteIcon.vue.js": {
-        "version": "cd4587f68fd97e5d76c7fd573a7c22d745b9b68181835608c369d0a13ea40381",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/LampIcon.vue.js": {
-        "version": "2023bd2b1a3950c16435d9f1daef22b21280a558361d7e46b05334a0fa2ce4cf",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/LightbulbIcon.vue.ts": {
-        "version": "6b9604e3a4987a90f35b679b235766c3a9dd13090926c48612dfc9dc80f7cf85",
-        "signature": "2b052cfa4996206110782bf2598cc89455a9d451301bd7fbf1bab46022914994",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/MailIcon.vue.ts": {
-        "version": "652da707b1866d66bdfe9b41b7c487fb46b9bbb482ad78fc668022aa951e5394",
-        "signature": "a2f055dfdc3a78e2aceee5f28ed62872a3be229ce9ee4bf0e5f500e997fcb9c4",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/MathsIcon.vue.js": {
-        "version": "ed6f338d7f2edec3860644ec8b6a13b906c72b3d0bed2dc8df1d7d036b729634",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/MoonIcon.vue.js": {
-        "version": "e1d7996b5cce962368a3bc834aa76e5ab98b0d304245624d1af181a8e882457c",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/MotorcycleIcon.vue.js": {
-        "version": "cf05ae71fcca070f8e301f2089aa44fbfc915cd6b487ac4b042c87b1f2f7296f",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/NuxtIcon.vue.js": {
-        "version": "08c6be4fd339468ac0e56106f44d7f826f24d8e939dbe8640be8323dad6bddb5",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/PlaneIcon.vue.js": {
-        "version": "acbfb3c2e6f69d0d8b449ef99df1d4d9d0d9db51a750be93cbaa177d17a95b0c",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/PresentationIcon.vue.js": {
-        "version": "326a768a8ec92502481485305263bf4d916e263b5f676c0eaa680bbdbf3de2fb",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/ServerIcon.vue.js": {
-        "version": "056ae46bb3bf3ef1758ca65f0a92b203f9f917c48840906f4dfccd7633082cec",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/SunIcon.vue.js": {
-        "version": "303464a07f0d75c66de7de93295312d0d06d2000a6ed8bab5a3c2925d0f025be",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/TranslateIcon.vue.js": {
-        "version": "5730c200e5fb2583b5786b443e9dbd46e697ce8dac9133393d8a9ddd63af677d",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/TwitchIcon.vue.ts": {
-        "version": "acb5c40529757366efc8a2eaa0b511045a3cf6c3d5b71fb524f57b5570908f0c",
-        "signature": "a2f055dfdc3a78e2aceee5f28ed62872a3be229ce9ee4bf0e5f500e997fcb9c4",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/TwitterBlogIcon.vue.js": {
-        "version": "12c0e293587635e2bb97bb3330637aa84e9efe0bf32f2a6269fe70c35b9b32d5",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/TwitterIcon.vue.ts": {
-        "version": "7ea35ed68ad1d68337d531bf68a991294e2f5ed0361c028fc0169f480ce8df45",
-        "signature": "a2f055dfdc3a78e2aceee5f28ed62872a3be229ce9ee4bf0e5f500e997fcb9c4",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/UserIcon.vue.ts": {
-        "version": "a5db309091431f6a15fc4804944056d1d450dfe83bbce49ca6658103cfe2983a",
-        "signature": "2b052cfa4996206110782bf2598cc89455a9d451301bd7fbf1bab46022914994",
-        "affectsGlobalScope": false
-      },
-      "./src/components/icons/VialIcon.vue.js": {
-        "version": "c4b6a0497ae3f855a129804f1bff727fa7b4b4bb779f79a6b32eb94eb1a85bb9",
-        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
-        "affectsGlobalScope": false
-      },
-      "./src/layouts/default.vue.js": {
-        "version": "450f0af4f4c1ecc4c7180f2e364c8a59bfed69dd350fb6b47bce8641c2a37786",
-        "signature": "e82bc945141f3b9504914d697ded0e8fa71e51328a6d13efbe7350a81913cff1",
-        "affectsGlobalScope": false
-      },
-      "./src/layouts/error.vue.ts": {
-        "version": "2bc7831204ffc8cfc280f12e3cbe239b56bffe9d9922015e66063e04902a0d97",
-        "signature": "28a0a2144da61568bf635164ec1a72a1eaf706593cd59672bcfbfc28938e2505",
-        "affectsGlobalScope": false
-      },
-      "./src/locales/en-EN.ts": {
-        "version": "198cdc2a2d0b8382052d8cccbdecfdf030f8b2b23294be472b29a5f565dccd50",
-        "signature": "74445e9c1bde1a2802259af3293b5a159a1aa1e5d94f0b570168578e9ad1a3ef",
-        "affectsGlobalScope": false
-      },
-      "./src/locales/fr-FR.ts": {
-        "version": "1b55bcef44b00fb15ad7653f80727dce16328e3b45ba9f2afbd2a69d72fd8b0b",
-        "signature": "628dd954064d33d42350affba8c1616aee7d43c88f79b6aa4ce98a797e34558f",
-        "affectsGlobalScope": false
-      },
-      "./src/pages/about.vue.js": {
-        "version": "9fa0e94b7aecad7f03c6e7e1dcf22d91248c4a69643d7dac9f22730f4b53779d",
-        "signature": "58ef7eac2be6e374879739b74110c4f11787cec4debeffe3dc818a65b00cba6f",
-        "affectsGlobalScope": false
-      },
-      "./src/pages/contact.vue.ts": {
-        "version": "f8143168ba831b37c8cdcb0fff0faef312be7e21cb1fd2fc2a02697eae55d254",
-        "signature": "fb9776504148be70605ec2bff4085976fe38581d877e98aa81aecbd14e311d72",
-        "affectsGlobalScope": false
-      },
-      "./src/pages/env.vue.js": {
-        "version": "28725573ea76656212249f1d4378c2e7b5a9a187c3d53c5eab77b47617ced8e4",
-        "signature": "58ef7eac2be6e374879739b74110c4f11787cec4debeffe3dc818a65b00cba6f",
-        "affectsGlobalScope": false
-      },
-      "./src/pages/guestbook.vue.ts": {
-        "version": "19675f064728c2814c259a3f4f726d2b19d58bb4b7a850196a3b8a77f80adbd5",
-        "signature": "5813f05febeb5796bf1729625b5a514348b0b10076b89c2f52cb3322b26438d7",
-        "affectsGlobalScope": false
-      },
-      "./src/pages/index.vue.ts": {
-        "version": "ac2718401288dca55731ded863bbcb727c8716871a2d4b8cfb4cd1af30989d04",
-        "signature": "839de817db51952a2a9db64b310d2272d38af4df72a0bfa1bb5155167c4f478b",
-        "affectsGlobalScope": false
-      },
-      "./src/pages/projects.vue.ts": {
-        "version": "4631cd0ddb2ded8d07af291a70a314dcc2dd7ccbfd01855bc4e71573bc3e4f20",
-        "signature": "d4fb6b4d30d9e8b94c986fdebf22e8505cb9f26ac32ef911a455e3c46e2af178",
-        "affectsGlobalScope": false
-      },
-      "./src/pages/blog/_slug.vue.ts": {
-        "version": "a37a69784b11bd35df2ab458993103f66690c0277c96792bce9d2108695c86ee",
-        "signature": "c5d8c00ebc6ec0bf117ce95637f6e04276a5980d55ca55ddda3d58ef72d8b5e6",
-        "affectsGlobalScope": false
-      },
-      "./src/pages/blog/index.vue.ts": {
-        "version": "a1d6655edf29e3c81d207393186980467ba52b8ae6fd02cb856ad85eae2aec00",
-        "signature": "0f3bc884abced4ab69e47844cd1da2d1b87022eb69ab3ea0b9e3bb5a867fd720",
-        "affectsGlobalScope": false
-      },
       "./src/plugins/i18n.ts": {
         "version": "3d493e3ec493e872d8e3eb60dd5ada8010d351d4690f8bd8d0675a98d1a574e8",
         "signature": "00461521f3831fd1e832da5a2cf5d9f52d561685cc36b6bdc06bc2e729312bcf",
@@ -1626,11 +1226,21 @@
         "signature": "d01a657760f1146a174ca8b7bc972bfc9747c8d261e34ea6f280e098f23a6af5",
         "affectsGlobalScope": false
       },
+      "./types/types.ts": {
+        "version": "c97a118e4aa87a6c0b6774a199a7a998f360e34812d1dccba972daa1d2f1b3fd",
+        "signature": "d51cf90c67a6741bad527a7f081e4b6bdb9656fb8160c3d823184bc76332e276",
+        "affectsGlobalScope": false
+      },
       "./types/vue-shim.d.ts": {
         "version": "cf7bc13b3c0884e78688438289f2b71345cd3890cc1b73ef2771ec3e2d5ba9a2",
         "signature": "cf7bc13b3c0884e78688438289f2b71345cd3890cc1b73ef2771ec3e2d5ba9a2",
         "affectsGlobalScope": false
       },
+      "./tsconfig.json": {
+        "version": "75727fc24483a43b81d3ee77addc6dd0a9690b13dad2af859fe20f647a1625b0",
+        "signature": "48604e44e2cafa9a3f5454fcea8eda16487e6cea64931b14e86c63935d361131",
+        "affectsGlobalScope": true
+      },
       "./node_modules/@lokidb/loki/types/loki/src/event_emitter.d.ts": {
         "version": "0cd900527660e469edc444f5ce83934794cd20ae035b905ed350779821e08b68",
         "signature": "0cd900527660e469edc444f5ce83934794cd20ae035b905ed350779821e08b68",
@@ -2356,6 +1966,16 @@
         "signature": "eb9c1892197a73f4b9d3a6f124a254eeb9f26e0e650341ed7c2fe7fb406bda9d",
         "affectsGlobalScope": false
       },
+      "./node_modules/@vue/composition-api/dist/index.d.ts": {
+        "version": "e16cd96abac04176f8e527b8418601a8e96856827d8612a6f8a57602671e07b0",
+        "signature": "e16cd96abac04176f8e527b8418601a8e96856827d8612a6f8a57602671e07b0",
+        "affectsGlobalScope": false
+      },
+      "./node_modules/@nuxtjs/composition-api/dist/index.d.ts": {
+        "version": "f80a7e07a7eb5f0b68081f85782c00666b9b6a424243db7faf4440a9cf7b7bd7",
+        "signature": "f80a7e07a7eb5f0b68081f85782c00666b9b6a424243db7faf4440a9cf7b7bd7",
+        "affectsGlobalScope": false
+      },
       "./node_modules/nuxt-i18n/types/vue.d.ts": {
         "version": "0f357114935d45634cba887c62f30b996f52e1a07834f59c5f067cf24472d636",
         "signature": "0f357114935d45634cba887c62f30b996f52e1a07834f59c5f067cf24472d636",
@@ -4966,312 +4586,6 @@
         "./node_modules/@types/node/timers.d.ts",
         "./node_modules/@types/node/timers/promises.d.ts"
       ],
-      "./src/components/AboutHome.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/Ad.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/AdHome.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/Banner.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/Button.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/ContactForm.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/EnvGroup.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/EnvList.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/EnvListItem.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/EnvTitle.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/Experience.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/ExperiencesAbout.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/Footer.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/Formation.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/FormationsAbout.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/GuestbookMessage.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/Header.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/InterestsAbout.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/LanguagesAbout.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/PageTitle.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/Post.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/PostsHome.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/PresentationAbout.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/Project.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/ProjectsHome.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/Skill.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/SkillsAbout.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/Tag.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/AdonisIcon.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/ArrowUpIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/BackSpaceIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/BookIcon.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/BookmarkIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/BundleIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/CheckIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/CloudIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/ComputerIcon.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/ContactIcon.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/CopyIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/CpuIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/CubeIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/DegreeHatIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/DevelopmentIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/ErrorIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/FireIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/GithubIcon.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/GoogleIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/HeartIcon.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/HomeIcon.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/InfiniteIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/LampIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/LightbulbIcon.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/MailIcon.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/MathsIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/MoonIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/MotorcycleIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/NuxtIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/PlaneIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/PresentationIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/ServerIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/SunIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/TranslateIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/TwitchIcon.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/TwitterBlogIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/TwitterIcon.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/UserIcon.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/components/icons/VialIcon.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/layouts/default.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/layouts/error.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
       "./src/locales/en-EN.ts": [
         "./node_modules/@types/node/timers.d.ts",
         "./node_modules/@types/node/timers/promises.d.ts"
@@ -5280,48 +4594,6 @@
         "./node_modules/@types/node/timers.d.ts",
         "./node_modules/@types/node/timers/promises.d.ts"
       ],
-      "./src/pages/about.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/pages/blog/_slug.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/pages/blog/index.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/pages/contact.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/pages/env.vue.js": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/pages/guestbook.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts"
-      ],
-      "./src/pages/index.vue.ts": [
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/pages/projects.vue.ts": [
-        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
-        "./node_modules/@types/node/timers.d.ts",
-        "./node_modules/@types/node/timers/promises.d.ts",
-        "./types/types.ts"
-      ],
       "./src/plugins/i18n.ts": [
         "./node_modules/@nuxt/types/index.d.ts",
         "./node_modules/@types/node/timers.d.ts",
@@ -5335,6 +4607,10 @@
         "./node_modules/@types/node/timers.d.ts",
         "./node_modules/@types/node/timers/promises.d.ts"
       ],
+      "./tsconfig.json": [
+        "./node_modules/@types/node/timers.d.ts",
+        "./node_modules/@types/node/timers/promises.d.ts"
+      ],
       "./types/index.d.ts": [
         "./node_modules/@nuxt/content/types/index.d.ts",
         "./node_modules/@nuxt/types/app/index.d.ts",
@@ -7889,141 +7165,6 @@
       "./settings/Modules.ts": [
         "./node_modules/@nuxt/types/config/module.d.ts"
       ],
-      "./src/components/AboutHome.vue.ts": [
-        "./node_modules/@nuxt/content/types/content.d.ts",
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/Ad.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/ContactForm.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/Experience.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue-i18n/types/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/ExperiencesAbout.vue.ts": [
-        "./node_modules/@nuxt/content/types/content.d.ts",
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/Footer.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/Formation.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue-i18n/types/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/FormationsAbout.vue.ts": [
-        "./node_modules/@nuxt/content/types/content.d.ts",
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/GuestbookMessage.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/Header.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/Post.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/PostsHome.vue.ts": [
-        "./node_modules/@nuxt/content/types/content.d.ts",
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/Project.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/ProjectsHome.vue.ts": [
-        "./node_modules/@nuxt/content/types/content.d.ts",
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/Skill.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/SkillsAbout.vue.ts": [
-        "./node_modules/@nuxt/content/types/content.d.ts",
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/components/Tag.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/icons/AdonisIcon.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/icons/GithubIcon.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/icons/MailIcon.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/icons/TwitchIcon.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/components/icons/TwitterIcon.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/layouts/error.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/pages/blog/_slug.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/pages/blog/index.vue.ts": [
-        "./node_modules/@nuxt/content/types/content.d.ts",
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/pages/contact.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./types/types.ts"
-      ],
-      "./src/pages/guestbook.vue.ts": [
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts"
-      ],
-      "./src/pages/index.vue.ts": [
-        "./node_modules/vue/types/index.d.ts",
-        "./node_modules/vue/types/vue.d.ts"
-      ],
-      "./src/pages/projects.vue.ts": [
-        "./node_modules/@nuxt/content/types/content.d.ts",
-        "./node_modules/@vue/composition-api/dist/index.d.ts",
-        "./node_modules/vue/types/index.d.ts",
-        "./types/types.ts"
-      ],
       "./src/plugins/i18n.ts": [
         "./node_modules/@nuxt/types/index.d.ts"
       ],
@@ -8444,88 +7585,12 @@
       "./settings/Plugins.ts",
       "./settings/RuntimeConfig.ts",
       "./settings/Style.ts",
-      "./src/components/AboutHome.vue.ts",
-      "./src/components/Ad.vue.ts",
-      "./src/components/AdHome.vue.ts",
-      "./src/components/Banner.vue.ts",
-      "./src/components/Button.vue.ts",
-      "./src/components/ContactForm.vue.ts",
-      "./src/components/EnvGroup.vue.js",
-      "./src/components/EnvList.vue.js",
-      "./src/components/EnvListItem.vue.js",
-      "./src/components/EnvTitle.vue.js",
-      "./src/components/Experience.vue.ts",
-      "./src/components/ExperiencesAbout.vue.ts",
-      "./src/components/Footer.vue.ts",
-      "./src/components/Formation.vue.ts",
-      "./src/components/FormationsAbout.vue.ts",
-      "./src/components/GuestbookMessage.vue.ts",
-      "./src/components/Header.vue.ts",
-      "./src/components/InterestsAbout.vue.js",
-      "./src/components/LanguagesAbout.vue.js",
-      "./src/components/PageTitle.vue.ts",
-      "./src/components/Post.vue.ts",
-      "./src/components/PostsHome.vue.ts",
-      "./src/components/PresentationAbout.vue.js",
-      "./src/components/Project.vue.ts",
-      "./src/components/ProjectsHome.vue.ts",
-      "./src/components/Skill.vue.ts",
-      "./src/components/SkillsAbout.vue.ts",
-      "./src/components/Tag.vue.ts",
-      "./src/components/icons/AdonisIcon.vue.ts",
-      "./src/components/icons/ArrowUpIcon.vue.js",
-      "./src/components/icons/BackSpaceIcon.vue.js",
-      "./src/components/icons/BookIcon.vue.ts",
-      "./src/components/icons/BookmarkIcon.vue.js",
-      "./src/components/icons/BundleIcon.vue.js",
-      "./src/components/icons/CheckIcon.vue.js",
-      "./src/components/icons/CloudIcon.vue.js",
-      "./src/components/icons/ComputerIcon.vue.ts",
-      "./src/components/icons/ContactIcon.vue.ts",
-      "./src/components/icons/CopyIcon.vue.js",
-      "./src/components/icons/CpuIcon.vue.js",
-      "./src/components/icons/CubeIcon.vue.js",
-      "./src/components/icons/DegreeHatIcon.vue.js",
-      "./src/components/icons/DevelopmentIcon.vue.js",
-      "./src/components/icons/ErrorIcon.vue.js",
-      "./src/components/icons/FireIcon.vue.js",
-      "./src/components/icons/GithubIcon.vue.ts",
-      "./src/components/icons/GoogleIcon.vue.js",
-      "./src/components/icons/HeartIcon.vue.ts",
-      "./src/components/icons/HomeIcon.vue.ts",
-      "./src/components/icons/InfiniteIcon.vue.js",
-      "./src/components/icons/LampIcon.vue.js",
-      "./src/components/icons/LightbulbIcon.vue.ts",
-      "./src/components/icons/MailIcon.vue.ts",
-      "./src/components/icons/MathsIcon.vue.js",
-      "./src/components/icons/MoonIcon.vue.js",
-      "./src/components/icons/MotorcycleIcon.vue.js",
-      "./src/components/icons/NuxtIcon.vue.js",
-      "./src/components/icons/PlaneIcon.vue.js",
-      "./src/components/icons/PresentationIcon.vue.js",
-      "./src/components/icons/ServerIcon.vue.js",
-      "./src/components/icons/SunIcon.vue.js",
-      "./src/components/icons/TranslateIcon.vue.js",
-      "./src/components/icons/TwitchIcon.vue.ts",
-      "./src/components/icons/TwitterBlogIcon.vue.js",
-      "./src/components/icons/TwitterIcon.vue.ts",
-      "./src/components/icons/UserIcon.vue.ts",
-      "./src/components/icons/VialIcon.vue.js",
-      "./src/layouts/default.vue.js",
-      "./src/layouts/error.vue.ts",
       "./src/locales/en-EN.ts",
       "./src/locales/fr-FR.ts",
-      "./src/pages/about.vue.js",
-      "./src/pages/blog/_slug.vue.ts",
-      "./src/pages/blog/index.vue.ts",
-      "./src/pages/contact.vue.ts",
-      "./src/pages/env.vue.js",
-      "./src/pages/guestbook.vue.ts",
-      "./src/pages/index.vue.ts",
-      "./src/pages/projects.vue.ts",
       "./src/plugins/i18n.ts",
       "./src/plugins/main.ts",
       "./src/store/index.ts",
+      "./tsconfig.json",
       "./types/index.d.ts",
       "./types/types.ts",
       "./types/vue-shim.d.ts"
@@ -10415,6 +9480,10 @@
         "./src/store/index.ts",
         1
       ],
+      [
+        "./tsconfig.json",
+        1
+      ],
       [
         "./types/index.d.ts",
         1