From 804b73e3263283cbfa5f13562e9fe8faab61f923 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Wed, 26 Jun 2024 23:06:07 +0200
Subject: [PATCH] Use env link to resume

---
 app/components/AppHeader.vue | 22 +++++++++++-----------
 nuxt.config.ts               |  6 ++++--
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 36099e8..2305984 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -5,7 +5,7 @@ watch(isDark, () => {
   colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
 })
 
-const { cloud } = useRuntimeConfig()
+const config = useRuntimeConfig()
 const navs = [
   {
     label: 'home',
@@ -24,21 +24,21 @@ const navs = [
   },
   {
     label: 'resume',
-    to: '',
+    to: config.public.cloud.resume,
     target: '_blank',
     icon: 'i-ph-address-book-duotone'
   }
 ]
 
-function toggleTheme() {
+async function toggleTheme() {
   document.body.style.animation = 'theme-switch-on .5s'
-  setTimeout(() => {
-    isDark.value = !isDark.value
-    document.body.style.animation = 'theme-switch-off .5s'
-    setTimeout(() => {
-      document.body.style.animation = ''
-    }, 500)
-  }, 500)
+  await new Promise(resolve => setTimeout(resolve, 500))
+
+  isDark.value = !isDark.value
+  document.body.style.animation = 'theme-switch-off .5s'
+
+  await new Promise(resolve => setTimeout(resolve, 500))
+  document.body.style.animation = ''
 }
 </script>
 
@@ -48,7 +48,7 @@ function toggleTheme() {
       class="handwriting text-lg sm:text-3xl flex gap-2 font-bold duration-300 text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white"
       to="/"
     >
-      Arthur Danjou
+      Arthur Danjou {{ cloud }}
     </NuxtLink>
     <nav class="flex gap-2 items-center">
       <UTooltip
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 161b619..e2c23e6 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -81,8 +81,10 @@ export default defineNuxtConfig({
       languages: '',
       os: ''
     },
-    cloud: {
-      resume: ''
+    public: {
+      cloud: {
+        resume: ''
+      }
     }
   }
 })