Translate website in espagnol

app/components/content/Activity.vue

@@ -130,6 +130,7 @@ const { t } = useI18n({
   </ClientOnly>
 </template>
 
+//todo: translate
 <i18n lang="json">
 {
   "en": {
@@ -155,7 +156,15 @@ const { t } = useI18n({
     "separator": "à"
   },
   "es": {
-
+    "offline": "Ahora mismo estoy desconectado. Vuelve más tarde para ver en lo que estoy trabajando.",
+    "working": "Estoy trabajando en {project}, editando {state}, y utilizando {editor}. He empezado hace {start}, el {format}.",
+    "idling": "Estoy en reposo en mi ordenador con {editor} en segundo plano.",
+    "tooltip": {
+      "online": "Estoy conectado 👋",
+      "offline": "Estoy desconectado 🫥",
+      "idling": "Estoy durmiendo 😴"
+    },
+    "separator": "a"
   }
 }
 </i18n>

app/components/content/CatchPhrase.vue

@@ -27,6 +27,9 @@ const { t } = useI18n({
   },
   "fr": {
     "quote": "Survolez les textes en gras pour en savoir plus sur moi."
-  }
+  },
+  "es": {
+    "quote": "Pase el cursor sobre los textos en negrita para obtener más información sobre mí."
+  },
 }
 </i18n>

app/components/content/Quote.vue

@@ -31,6 +31,9 @@ const { t } = useI18n({
   },
   "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 !"
+  },
+  "es": {
+    "quote": "Hola a todos ! Muchas gracias por visitar mi portfolio. No dudes en dejar cualquier comentario, como sugerencias, apreciaciones. preguntas, o cualquier cosa !"
   }
 }
 </i18n>

app/components/content/Stats.vue

@@ -35,7 +35,7 @@ const formatDate = (date: Date, format: string) => useDateFormat(date, format, {
         />
       </template>
       <template #editors>
-        {{ stats.editors.data.slice(0, 2).map(editor => `${editor.name} (${editor.percent}%)`).join(' and ') }}
+        {{ stats.editors.data.slice(0, 2).map(editor => `${editor.name} (${editor.percent}%)`).join(t('separator')) }}
       </template>
       <template
         v-if="stats.os.data[0]"
@@ -69,6 +69,14 @@ const formatDate = (date: Date, format: string) => useDateFormat(date, format, {
       "date": "C'était il y a si longtemps 🫣",
       "hours": "C'est beaucoup 😮"
     }
+  },
+  "es": {
+    "stats": "Recopilo datos desde hace {time} años, empecé el {date}. He programado durante un total de {hours} horas. Mis mejores editores son {editors}. Mi mejor OS es {os}. Y mis lenguajes favoritos son {languages}.",
+    "separator": " y ",
+    "tooltip": {
+      "date": "hace tato tiempo…🫣",
+      "hours": "es mucho 😮"
+    }
   }
 }
 </i18n>