Translate all portfolio

app/components/AppFooter.vue

@@ -20,6 +20,10 @@ const socials = [
     link: 'https://discordapp.com/users/179635349100691456'
   }
 ]
+
+const { t } = useI18n({
+  useScope: 'local'
+})
 </script>
 
 <template>
@@ -33,7 +37,7 @@ const socials = [
     </div>
     <div class="space-y-4">
       <div class="flex flex-col md:flex-row gap-2 md:items-center">
-        <h1>Find me on:</h1>
+        <h1>{{ t('find') }}</h1>
         <div class="flex gap-2 flex-wrap">
           <HomeLink
             v-for="social in socials.sort((a, b) => a.label.localeCompare(b.label))"
@@ -46,7 +50,7 @@ const socials = [
         </div>
       </div>
       <div class="flex flex-col md:flex-row gap-2 md:items-center">
-        <h1>Or send me an email:</h1>
+        <h1>{{ t('email') }}</h1>
         <div class="flex">
           <HomeLink
             blanked
@@ -57,7 +61,26 @@ const socials = [
       </div>
     </div>
     <div class="mt-8 w-full flex justify-center text-xs">
-      © {{ new Date().getFullYear() }} Arthur Danjou. All rights reserved.
+      {{
+        t('copyright', {
+          date: new Date().getFullYear()
+        })
+      }}
     </div>
   </footer>
 </template>
+
+<i18n lang="json">
+{
+  "en": {
+    "find": "Find me on:",
+    "email": "Or send me an email:",
+    "copyright": "© {date} Arthur Danjou. All rights reserved."
+  },
+  "fr": {
+    "find": "Retrouvez-moi sur :",
+    "email": "Ou envoyez-moi un email :",
+    "copyright": "© {date} Arthur Danjou. Tous droits réservés."
+  }
+}
+</i18n>