Add mapbox

app/components/content/Quote.vue

@@ -9,9 +9,13 @@ const { t } = useI18n({
     <div class="flex items-center">
       <UTooltip text="It's me 👋">
         <div class="flex items-center w-12 h-12">
-          <NuxtImg
-            alt="Arthur Danjou picture"
-            class="w-full h-full hover:rotate-[360deg] duration-500 transform-gpu"
+          <UAvatar
+            alt="Avatar"
+            chip-color="gray"
+            chip-position="top-right"
+            chip-text="?"
+            class="hover:rotate-[360deg] duration-500 transform-gpu"
+            size="md"
             src="/favicon.png"
           />
         </div>

app/components/content/Stats.vue

@@ -42,7 +42,9 @@ const { t } = useI18n({
         {{
           stats.languages.data.slice(0, 2).map(language => `${language.name} (${language.percent}%)`).join(t('separator'))
         }}
-        {{ stats.languages.data.slice(0, 2).map(language => `${language.name} (${language.percent}%)`).join(t('separator')) }}
+        {{
+          stats.languages.data.slice(0, 2).map(language => `${language.name} (${language.percent}%)`).join(t('separator'))
+        }}
       </template>
     </i18n-t>
   </ClientOnly>
@@ -68,4 +70,3 @@ const { t } = useI18n({
   }
 }
 </i18n>
-