Translate all portfolio

app/components/content/Quote.vue

@@ -5,15 +5,31 @@
         <div class="flex items-center w-12 h-12">
           <NuxtImg
             alt="Arthur Danjou picture"
-            class="w-full h-full"
+            class="w-full h-full hover:rotate-[360deg] duration-500 transform-gpu"
             src="/favicon.png"
           />
         </div>
       </UTooltip>
     </div>
     <p class="not-prose">
-      Hello everyone! Thanks for visiting my portfolio. Please leave whatever you like to say, such as suggestions,
-      appreciations, questions or anything!
+      {{ t('quote') }}
     </p>
   </div>
 </template>
+
+<script lang="ts" setup>
+const { t } = useI18n({
+  useScope: 'local'
+})
+</script>
+
+<i18n lang="json">
+{
+  "en": {
+    "quote": "Hello everyone! Thanks for visiting my portfolio. Please leave whatever you like to say, such as suggestions, appreciations, questions or anything!"
+  },
+  "fr": {
+    "quote": "Bonjour tout le monde ! Merci de visiter mon portfolio. N'hésitez pas à laisser ce que vous avez à dire, comme des suggestions, des appréciations, des questions ou autre chose !"
+  }
+}
+</i18n>