Translate website in espagnol

2026-01-14 15:54:13 +01:00 · 2024-11-28 16:24:01 +01:00
parent a32c52cb7d
commit 4c42355100
32 changed files with 202 additions and 101 deletions
--- a/app/components/AppFooter.vue
+++ b/app/components/AppFooter.vue
@@ -82,6 +82,11 @@ const { t } = useI18n({
    "find": "Retrouvez-moi sur :",
    "email": "Ou envoyez-moi un email :",
    "copyright": "© {date} Arthur Danjou. Tous droits réservés."
+  },
+  "es": {
+    "find": "Encuéntrame en :",
+    "email": "O envíame un mail",
+    "copyright": "2024 Arthur Danjour. Todos los derechos reservados."
  }
 }
 </i18n>
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -10,58 +10,59 @@ const navs = [
    label: {
      en: 'home',
      fr: 'accueil',
-      es: 'inicio'
+      es: 'inicio',
    },
    to: '/',
    icon: 'house-line-duotone',
    shortcut: {
      en: 'H',
      fr: 'A',
-      es: 'I'
-    }
+      es: 'I',
+    },
  },
  {
    label: {
      en: 'uses',
      fr: 'usages',
-      es: 'usos'
+      es: 'usos',
    },
    to: '/uses',
    icon: 'backpack-duotone',
    shortcut: {
      en: 'U',
      fr: 'U',
-      es: 'U'
-    }
+      es: 'U',
+    },
  },
  {
    label: {
      en: 'portfolio',
      fr: 'portfolio',
-      es: 'escritos'
+      es: 'escritos',
    },
    to: '/portfolio',
    icon: 'books-duotone',
    shortcut: {
      en: 'W',
      fr: 'E',
-      es: 'E'
-    }
+      es: 'E',
+    },
  },
  {
    label: {
      en: 'resume',
      fr: 'cv',
-      es: 'currículum'
+      es: 'currículum',
    },
+    icon: 'address-book-duotone',
    to: '/Resume2024.pdf',
    target: '_blank',
    shortcut: {
      en: 'R',
      fr: 'C',
-      es: 'C'
-    }
-  }
+      es: 'C',
+    },
+  },
 ]

 async function toggleTheme() {
@@ -98,7 +99,6 @@ async function changeLocale(newLocale?: string) {
  document.body.style.animation = ''
 }

-
 const router = useRouter()
 defineShortcuts({
  t: () => toggleTheme(),
@@ -119,7 +119,7 @@ defineShortcuts({
      <UTooltip
        v-for="nav in navs"
        :key="nav.label.en"
-        :text="nav.label[locale]!"
+        :text="nav.label[locale]"
      >
        <UButton
          :icon="`i-ph:${nav.icon}`"
--- a/app/components/content/Activity.vue
+++ b/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>
--- a/app/components/content/CatchPhrase.vue
+++ b/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>
--- a/app/components/content/Quote.vue
+++ b/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>
--- a/app/components/content/Stats.vue
+++ b/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>
--- a/app/pages/portfolio/[slug].vue
+++ b/app/pages/portfolio/[slug].vue
@@ -235,6 +235,28 @@ async function handleLike() {
    },
    "top": "Remonter en haut",
    "back": "Retourner en arrière"
+  },
+  "es": {
+    "likes": {
+      "one": "like",
+      "many": "likes"
+    },
+    "views": {
+      "one": "view",
+      "many": "views"
+    },
+    "alert": {
+      "title": "Cuidado con las traducciones!",
+      "description": " Por problemas de tiempo, los artículos solo están disponibles en inglés. Gracias por vuestra comprensión.ug ñeóicula."
+    },
+    "thanks": "Muchas gracias por leer este postougracoias afic! Si te ha gustado, no dudes en compartirlo con tus amigos.tsaf. {like}",
+    "like": "No te olvides de dejar un like!",
+    "link": {
+      "copied": "Link copiado",
+      "copy": "Copiar link"
+    },
+    "top": "Ir arribaarr",
+    "back": "Volver atrás"
  }
 }
 </i18n>
--- a/app/pages/portfolio/index.vue
+++ b/app/pages/portfolio/index.vue
@@ -26,8 +26,9 @@ const tags: Array<{ label: string, icon: string } & Tag> = [
    label: 'All',
    icon: 'i-ph-books-duotone',
    color: 'black',
+    translation: 'tags.all',
  },
-  ...TAGS.filter(tag => tag.sort).sort((a, b) => a.label.localeCompare(b.label)),
+  ...TAGS.filter(tag => tag.title).sort((a, b) => a.label.localeCompare(b.label)),
 ]

 function updateTag(index: number) {
@@ -50,7 +51,11 @@ function updateTag(index: number) {
      icon="i-ph-warning-duotone"
      variant="outline"
    />
-    <UTabs :items="tags" @change="updateTag" />
+    <UTabs :items="tags" @change="updateTag">
+      <template #default="{ item }">
+        <span class="truncate">{{ t(item.translation) }}</span>
+      </template>
+    </UTabs>
    <ul class="grid grid-cols-1 md:grid-cols-2 gap-8">
      <NuxtLink
        v-for="(writing, id) in writings"
@@ -89,7 +94,7 @@ function updateTag(index: number) {
                :ui="{ rounded: 'rounded-full' }"
              >
                <div class="flex gap-1 items-center">
-                  <UIcon :name="TAGS.find(icon => icon.label.toLowerCase() === tag)?.icon" size="16" />
+                  <UIcon :name="TAGS.find(icon => icon.label.toLowerCase() === tag)?.icon || ''" size="16" />
                  <p>{{ TAGS.find(color => color.label.toLowerCase() === tag)?.label }}</p>
                </div>
              </UBadge>
@@ -117,6 +122,36 @@ function updateTag(index: number) {
    "alert": {
      "title": "Attentions aux traductions!",
      "description": "Par soucis de temps, toutes les traductions des articles seront disponibles uniquement en anglais. Merci de votre compréhension."
+    },
+    "tags": {
+      "article": "Articles",
+      "all": "Bibliothèque",
+      "project": "Projets",
+      "r": "R",
+      "python": "Python",
+      "data": "Data",
+      "ai": "AI",
+      "maths": "Maths",
+      "web": "Web"
+    }
+  },
+  "es": {
+    "title": "Escritos sobre mi vida, el desarrollo, mis proyectos y mis pasiones.",
+    "description": " Todas mis reflexiones sobre la programación, las matemáticas, la conception de la inteligencia artificial, etc. están puestas en orden cronológico. También escribo sobre mis proyectos, mis descubrimientos y mis pensamientos.",
+    "alert": {
+      "title": "Cuidado con las traducciones !",
+      "description": "Por problema de tiempo, los artículos están solo disponibles en ingles. Gracias por vuestra comprensión."
+    },
+    "tags": {
+      "article": "Artículos",
+      "all": "Biblioteca",
+      "project": "Proyectos",
+      "r": "R",
+      "python": "Python",
+      "data": "Datos",
+      "ai": "IA",
+      "maths": "Mates",
+      "web": "Web"
    }
  }
 }
--- a/app/pages/uses.vue
+++ b/app/pages/uses.vue
@@ -72,7 +72,7 @@ const stack = items.value!.filter(item => item.category === 'stack')
 <i18n lang="json">
 {
  "en": {
-    "title": "Uses",
+    "title": "My uses",
    "description": "Software I use, gadgets I love, and other things I recommend. Here’s a big list of all of my favorite stuff.",
    "hardware": "Hardware",
    "software": "Software",
@@ -88,6 +88,15 @@ const stack = items.value!.filter(item => item.category === 'stack')
    "ide": "IDE & Police",
    "stack": "Stack",
    "intellij": "Mon IDE IntelliJ Idea Ultimate"
+  },
+  "es": {
+    "title": "Mis aplicaciones.",
+    "description": "Los programas que utilizo, los gadgets que adoro y otras cosas que recomiendo. Aquí te hago una lista de todas mis cosas preferidas. ",
+    "hardware": "Material",
+    "software": "Programas",
+    "ide": "IDE y Fuente",
+    "stack": "Stack",
+    "intellij": "Mi IDE IntelliJ Idea Ultimate"
  }
 }
 </i18n>
--- a/content/home/en.md
+++ b/content/home/en.md
@@ -6,10 +6,8 @@ description: I'm Arthur, a Mathematics lover and IA enthusiast. I'm currently st
 Hey, I'm Arthur Danjou, a Mathematics student in Statistics at the Paris-Dauphine University in France.

 With a :hover-text{hover="Technology is evolving far too quickly 🤯" position="top" text="deep understanding"} of
-emerging technologies, I'm at the heart of a rapidly expanding field. My background in :hover-text{hover="Maths is my
-main passion ∑" position="right" text="mathematics"} gives me a head start in
-understanding the concepts and theories behind these :hover-text{hover="My second passion 📱" text="technologies"} and in designing them
-effectively.
+emerging technologies, I'm at the heart of a rapidly expanding field. My background in :hover-text{hover="Maths is my main passion ∑" position="right" text="mathematics"} gives me a head start in
+understanding the concepts and theories behind these :hover-text{hover="My second passion 📱" text="technologies"} and in designing them effectively.

 As a software engineer and mathematics student, my :hover-text{hover="My bag of knowledge 🎒" text="expertise"} covers
 :prose-icon[TypeScript]{icon="typescript-icon" color="blue"},
@@ -19,22 +17,15 @@ As a software engineer and mathematics student, my :hover-text{hover="My bag of
 :prose-icon[Java]{icon="java" color="red"},
 :prose-icon[Python]{icon="python" color="amber"},
 :prose-icon[R]{icon="r-lang" color="blue"},
-which enables me to :hover-text{hover="need to quickly understand the complexity of projects 🏎️" text="understand"} the
-different needs of mathematical projects and to propose the best solutions.
-I also learned other important technologies, such as
+which enables me to :hover-text{hover="need to quickly understand the complexity of projects 🏎️" text="understand"} the different needs of mathematical projects and to propose the best solutions. I also learned other important technologies, such as
 :prose-icon[Docker]{icon="docker-icon" color="sky"},
 :prose-icon[Redis]{icon="redis" color="red"},
 :prose-icon[MySQL]{icon="mysql-icon" color="zinc"} and
-:prose-icon[Git]{icon="git-icon" color="orange"} to :hover-text{hover="All these technologies complement each
-other 🔗" text="
-complete"} my knowledge.
+:prose-icon[Git]{icon="git-icon" color="orange"} to :hover-text{hover="All these technologies complement each other 🔗" text="complete"} my knowledge.

 I'm :hover-text{hover="As tech is always evolving, I need to be up-to-date 🖥️" position="top" text="constantly"}
-learning new things, from technology to finance and entrepreneurship. I love :hover-text{hover="I love sharing my
-knowledge and helping
-others 🫂" text="sharing"} my knowledge and learning new theorems and technologies. I'm a :hover-text{hover="I'm
-constantly looking to discover new things" text="curious"} person and eager to continue learning and growing throughout
-my life.
+learning new things, from technology to finance and entrepreneurship. I love :hover-text{hover="I love sharing my knowledge and helping others 🫂" text="sharing"}
+my knowledge and learning new theorems and technologies. I'm a :hover-text{hover="I'm constantly looking to discover new things" text="curious"} person and eager to continue learning and growing throughout my life.

 As well as programming, I enjoy :hover-text{hover="Sport allows me to burn off energy 🏋️‍♂️" text="sport"} and
 :hover-text{hover="Travelling frees me and gets me away from it all ✈️" text="travelling"}. My passion, commitment and
--- a/content/home/es.md
+++ b/content/home/es.md
@@ -3,44 +3,37 @@ title: Arthur Danjou • Mathematics Lover and IA Enthusiast
 description: I'm Arthur, a Mathematics lover and IA enthusiast. I'm currently studying at the University of Paris-Saclay. I'm passionate about Mathematics, Computer Science, and Artificial Intelligence.
 ---

-Hey, I'm Arthur Danjou, a mathematics student at the Paris-Saclay Faculty of Science in France.
+Hola ! Soy Arthur Danjou, estudiante de matemáticas especializado en Estadística en la Universidad Paris-Dauphine, en Fracia.

-With a :hover-text{hover="Technology is evolving far too quickly 🤯" position="top" text="deep understanding of emerging
-technologies"},
-I'm at the heart of a rapidly expanding field. My background in :hover-text{hover="Maths is my main passion ∑"
-position="right" text="mathematics"}
-gives me a head start in understanding the concepts and theories behind these
-:hover-text{hover="My second passion 📱" text="technologies"} and in designing them effectively.
+Con una :hover-text{hover="la tecnología avanza demasiado rápido 🤯" position="top" text="comprensión profunda"}, de las tecnologías emergentes, me sitúo en el centro de un ámbito en plena expansión. 
+Mi formación en :hover-text{hover="las matemáticas son mi mayor pasión Σ"
+position="right" text="matemáticas"}
+me permite comprender ampliamente los conceptos y las teorías que gobiernan las dichas
+:hover-text{hover="mi segunda pasión 📲" text="tecnologías"} y también poder concebirlas de manera eficaz.

-As a software engineer and mathematics student, my :hover-text{hover="My bag of knowledge 🎒" text="expertise"} covers
-:prose-icon[TypeScript]{icon="i-logos-typescript-icon"},
-:prose-icon[Vue]{icon="i-logos:vue"},
-:prose-icon[Nuxt]{icon="i-logos:nuxt-icon"},
-:prose-icon[Adonis]{icon="i-logos:adonisjs-icon"},
-:prose-icon[Java]{icon="i-logos:java"},
-:prose-icon[Python]{icon="i-logos:python"},
-:prose-icon[R]{icon="i-logos:r-lang"},
-which enables me to :hover-text{hover="need to quickly understand the complexity of projects 🏎️" text="understand"}
-the different needs of mathematical projects and to propose the best solutions. I also learned other important
-technologies, such as
-:prose-icon[Docker]{icon="i-logos:docker-icon"},
-:prose-icon[Redis]{icon="i-logos:redis"},
-:prose-icon[MySQL]{icon="i-logos:mysql-icon"} and
-:prose-icon[Git]{icon="i-logos:git-icon"} to :hover-text{hover="All these technologies complement each other 🔗" text="
-complete"} my knowledge.
+As a software engineer and mathematics student, my :hover-text{hover="mi mochila de conocimientos 🎒" text="conocimientos"} couvre
+:prose-icon[TypeScript]{icon="typescript-icon" color="blue"},
+:prose-icon[Vue]{icon="vue" color="green"},
+:prose-icon[Nuxt]{icon="nuxt-icon" color="emerald"},
+:prose-icon[Adonis]{icon="adonisjs-icon" color="purple"},
+:prose-icon[Java]{icon="java" color="red"},
+:prose-icon[Python]{icon="python" color="amber"},
+:prose-icon[R]{icon="r-lang" color="blue"},
+esto me permite :hover-text{hover="entender rápidamente la complejidad de los proyectos 🏎️" text="comprender"}
+las diferentes necesidades de los proyectos matemáticos, y proponer las mejores soluciones. También he aprendido otras tecnologías importantes como
+:prose-icon[Docker]{icon="docker-icon" color="sky"},
+:prose-icon[Redis]{icon="redis" color="red"},
+:prose-icon[MySQL]{icon="mysql-icon" color="zinc"} and
+:prose-icon[Git]{icon="git-icon" color="orange"} que :hover-text{hover="odas estas tecnologías se complementan 📎" text="completan"} mis competencias. 

-I'm :hover-text{hover="As tech is always evolving, I need to be up-to-date 🖥️" position="top" text="constantly"}
-learning new things, from technology to finance and entrepreneurship. I love
-:hover-text{hover="I love sharing my knowledge and helping others 🫂" text="sharing"} my knowledge and learning new
-theorems and technologies.
-I'm a :hover-text{hover="I'm constantly looking to discover new things" text="curious"} person and eager to continue
-learning and growing throughout my life.
+Estoy :hover-text{hover="me gusta estar siempre al día 🖥️" position="top" text="constantemente"} aprendiendo cosas nuevas, desde la tecnología hasta las finanzas, pasando por el emprendimiento. 
+Me gusta :hover-text{hover="me encanta compartir y ayudar a los demás 🫂" text="compartir"} mis conocimientos y aprender nuevos teoremas y tecnologías. 
+Soy una persona :hover-text{hover="busco cosas nuevas que descubrir 🔍" text="curiosa"} y con el deseo de seguir aprendiendo y creciendo a lo largo de toda mi vida.

-As well as programming, I enjoy :hover-text{hover="Sport allows me to burn off energy 🏋️‍♂️" text="sport"} and
-:hover-text{hover="Travelling frees me and gets me away from it all ✈️" text="travelling"}.
-My passion, commitment and eagerness to learn and progress are the qualities that enable me to succeed in my
-:hover-text{hover="Career already begun and far from over 😎" text="career"} and :hover-text{hover="Only 2 years of study
-left 💪" text="studies"}.
+A parte de la programación, me gusta el :hover-text{hover="el deporte me permite gastar mi energía 🏋️‍♂️" text="deporte"}
+y :hover-text{hover="los viajes me permiten desconectar ✈️" text="viajar"}.
+Mi pasión, mi compromiso y mis ganas de aprender y mejorar son las cualidades que me permiten triunfar en mi
+:hover-text{hover="carrera que ya he empezado, y le queda mucho para terminar 😎" text="carrera"} y en mis :hover-text{hover="solo me quedan 2 años de estudios 💪" text="estudios"}.

 ::stats
 ::
--- a/content/home/fr.md
+++ b/content/home/fr.md
@@ -11,8 +11,7 @@ mathématiques sont ma principale passion ∑" position="right" text="mathémati
 comprendre les concepts et les théories qui sous-tendent ces :hover-text{hover="Ma deuxième passion 📱" text="
 technologies"} et à les concevoir efficacement.

-En tant qu'ingénieur logiciel et étudiant en mathématiques, mon :hover-text{hover="Mon sac de connaissances 🎒" text="
-expertise"} couvre
+En tant qu'ingénieur logiciel et étudiant en mathématiques, mon :hover-text{hover="Mon sac de connaissances 🎒" text="expertise"} couvre
 :prose-icon[TypeScript]{icon="typescript-icon" color="blue"},
 :prose-icon[Vue]{icon="vue" color="green"},
 :prose-icon[Nuxt]{icon="nuxt-icon" color="emerald"},
@@ -26,8 +25,7 @@ J'ai également appris d'autres technologies importantes, telles que
 :prose-icon[Docker]{icon="docker-icon" color="sky"},
 :prose-icon[Redis]{icon="redis" color="red"},
 :prose-icon[MySQL]{icon="mysql-icon" color="zinc"} et
-:prose-icon[Git]{icon="git-icon" color="orange"} pour :hover-text{hover="Toutes ces technologies se complètent 🔗" text="
-compléter"} mes connaissances.
+:prose-icon[Git]{icon="git-icon" color="orange"} pour :hover-text{hover="Toutes ces technologies se complètent 🔗" text="compléter"} mes connaissances.

 Je suis :hover-text{hover="Je dois toujours chercher à être à jour 🖥️" position="top" text="constamment"} dans
 l'apprentissage de nouvelles choses, de la technologie à la finance en passant par l'entrepreneuriat. J'aime
--- a/content/portfolio/python-data-ml.md
+++ b/content/portfolio/python-data-ml.md
@@ -7,7 +7,7 @@ readingTime: 1
 tags:
  - project
  - data
-  - ml
+  - ai
  - python
  - r
 ---
--- a/content/portfolio/what-is-machine-learning.md
+++ b/content/portfolio/what-is-machine-learning.md
@@ -6,7 +6,7 @@ readingTime: 3
 publishedAt: 2024/11/26
 tags:
  - article
-  - ml
+  - ai
  - maths
 ---

--- a/content/uses/apple-airpods-pro.json
+++ b/content/uses/apple-airpods-pro.json
@@ -2,7 +2,8 @@
  "name": "Apple AirPods Pro",
  "description": {
    "en": "Probably my most used item after my phone and laptop. I use them for everything from listening to music to taking calls. They are super convenient and the sound quality is great.",
-    "fr": "Probablement l'objet que j'utilise le plus après mon téléphone et mon ordinateur portable. Je les utilise pour tout, de l'écoute de musique à la prise d'appels. Ils sont super pratiques et la qualité sonore est excellente."
+    "fr": "Probablement l'objet que j'utilise le plus après mon téléphone et mon ordinateur portable. Je les utilise pour tout, de l'écoute de musique à la prise d'appels. Ils sont super pratiques et la qualité sonore est excellente.",
+    "es": "Probablemente el objeto que más utilizo después de mi móvil y mi portátil. Los utilizo para todo, para escuchar música y contentar llamadas. Son súper prácticos y la calidad sonora es excelente."
  },
  "category": "hardware"
 }
--- a/content/uses/apple-ipad-air.json
+++ b/content/uses/apple-ipad-air.json
@@ -2,7 +2,8 @@
  "name": "Apple iPad Air",
  "description": {
    "en": "I use my iPad to read books, watch movies, and browse the web, but also to take notes and write some equations during my math classes.",
-    "fr": "J'utilise mon iPad pour lire des livres, regarder des films et naviguer sur le web, mais aussi pour prendre des notes et écrire des équations pendant mes cours de mathématiques."
+    "fr": "J'utilise mon iPad pour lire des livres, regarder des films et naviguer sur le web, mais aussi pour prendre des notes et écrire des équations pendant mes cours de mathématiques.",
+    "es": "Utilizo mi iPad para leer libros, ver películas y navegar por internet, pero también para coger apuntes y escribir ecuaciones en mis clases de matemáticas."
  },
  "category": "hardware"
 }
--- a/content/uses/apple-iphone-14-pro.json
+++ b/content/uses/apple-iphone-14-pro.json
@@ -2,7 +2,8 @@
  "name": "Apple iPhone 14 Pro",
  "description": {
    "en": "I don't upgrade my phone every year, but when I do, I go for the best. The iPhone 14 Pro is the best phone on the market, and I'm excited to get my hands on it.",
-    "fr": "Je n'améliore pas mon téléphone chaque année, mais quand je le fais, je vais pour le meilleur. L'iPhone 14 Pro est le meilleur téléphone sur le marché, et je suis excité de mettre la main dessus."
+    "fr": "Je n'améliore pas mon téléphone chaque année, mais quand je le fais, je vais pour le meilleur. L'iPhone 14 Pro est le meilleur téléphone sur le marché, et je suis excité de mettre la main dessus.",
+    "es": "No cambio de teléfono cada año, pero cuando lo hago, voy a por lo mejor. El iPhone 14 Pro es el mejor teléfono del mercado, y estoy muy contento de tenerlo a mano."
  },
  "category": "hardware"
 }
--- a/content/uses/apple-macbook-pro.json
+++ b/content/uses/apple-macbook-pro.json
@@ -2,7 +2,8 @@
  "name": "Apple MacBook Pro 13'",
  "description": {
    "en": "My main programming computer is a MacBook Pro 13' 2020 with the Apple M1 Chip and 16Go RAM. I use MacOS Sorona.",
-    "fr": "Mon ordinateur principal pour programmer est un MacBook Pro 13' 2020 avec la puce Apple M1 et 16Go de RAM. J'utilise MacOS Sorona."
+    "fr": "Mon ordinateur principal pour programmer est un MacBook Pro 13' 2020 avec la puce Apple M1 et 16Go de RAM. J'utilise MacOS Sorona.",
+    "es": "Mi ordenador principal para programar es un Apple MacBook Pro 13’ 2020 con el chip Apple M1 y 16Go de Ram. Utilizo MAcOs Sorona."
  },
  "category": "hardware"
 }
--- a/content/uses/apple-suite.json
+++ b/content/uses/apple-suite.json
@@ -2,7 +2,8 @@
  "name": "Apple Suite",
  "description": {
    "en": "I'm using the Apple Suite including Mail, Calendar, Notes, Music and Reminders for my daily organization.",
-    "fr": "J'utilise la suite Apple comprenant Mail, Calendar, Notes, Music et Reminders pour mon organisation quotidienne."
+    "fr": "J'utilise la suite Apple comprenant Mail, Calendar, Notes, Music et Reminders pour mon organisation quotidienne.",
+    "es": "Utilizo la suite Apple que tiene Mail, Calendar, Notes, Music y Reminders para mi organización diaria."
  },
  "category": "software"
 }
--- a/content/uses/discord.json
+++ b/content/uses/discord.json
@@ -2,7 +2,8 @@
  "name": "Discord",
  "description": {
    "en": "I'm using Discord for chatting and talking with my friends and my customers and discussing with some community members.",
-    "fr": "J'utilise Discord pour discuter et parler avec mes amis et mes clients et discuter avec certains membres de la communauté."
+    "fr": "J'utilise Discord pour discuter et parler avec mes amis et mes clients et discuter avec certains membres de la communauté.",
+    "es": "Utilizo discord para charlar y hablar con mis amigos y mis clientes y para intercambiar opiniones con algunos miembros de la comunidad."
  },
  "category": "software"
 }
--- a/content/uses/gaming-computer.json
+++ b/content/uses/gaming-computer.json
@@ -2,7 +2,8 @@
  "name": "Custom Built Gaming PC",
  "description": {
    "en": "I have bought a customized computer for the gaming. I have chosen an Intel Core i5-10400F, with 16Go DDR4 and my graphical card is a RTX 2060. I use Windows 11.",
-    "fr": "J'ai acheté un ordinateur personnalisé pour le jeu. J'ai choisi un Intel Core i5-10400F, avec 16Go DDR4 et ma carte graphique est une RTX 2060. J'utilise Windows 11."
+    "fr": "J'ai acheté un ordinateur personnalisé pour le jeu. J'ai choisi un Intel Core i5-10400F, avec 16Go DDR4 et ma carte graphique est une RTX 2060. J'utilise Windows 11.",
+    "es": "Compré un ordenador especializado en el juego. Elegí un Intel Core i5-10400F, con 16Go DDR4 y la targeta gráfica que utilizo es una RTX 2060. Utilizo Windows 11."
  },
  "category": "hardware"
 }
--- a/content/uses/google-chrome.json
+++ b/content/uses/google-chrome.json
@@ -2,7 +2,8 @@
  "name": "Google Chrome",
  "description": {
    "en": "I'm using Google Chrome for browsing, the dev tool, and the extension market.",
-    "fr": "J'utilise Google Chrome pour naviguer, l'outil de développement et le marché des extensions."
+    "fr": "J'utilise Google Chrome pour naviguer, l'outil de développement et le marché des extensions.",
+    "es": "Utilizo Google Chrome cómo navegador, herramienta de desarrollo y mercado de extensiones. "
  },
  "category": "software"
 }
--- a/content/uses/jetbrains-suite.json
+++ b/content/uses/jetbrains-suite.json
@@ -2,7 +2,8 @@
  "name": "JetBrains Suite (IntelliJ IDEA Ultimate, PyCharm Professional, WebStorm, DataGrip)",
  "description": {
    "en": "I use JetBrains Suite for development for 7 years. It's the best IDEs for Java, Python, JavaScript, SQL, and more. I used this suite to develop and to create this website.",
-    "fr": "J'utilise la suite JetBrains pour le développement depuis 7 ans. C'est le meilleur IDE pour Java, Python, JavaScript, SQL et plus encore. J'ai utilisé cette suite pour développer et créer ce site web."
+    "fr": "J'utilise la suite JetBrains pour le développement depuis 7 ans. C'est le meilleur IDE pour Java, Python, JavaScript, SQL et plus encore. J'ai utilisé cette suite pour développer et créer ce site web.",
+    "es": "Uso JetBrains Suite para el desarrollo desde hace 7 años. Es el mejor IDE para Java, Python, JavaScript, SQL y más. He utilizado esta suite para desarrollar y crear este sitio web."
  },
  "category": "ide"
 }
--- a/content/uses/logitech-g203.json
+++ b/content/uses/logitech-g203.json
@@ -2,7 +2,8 @@
  "name": "Logitech G203 LightSync Black",
  "description": {
    "en": "This gaming mouse is designed to be the perfect gaming companion. With a classic design and simple layout, this mouse is perfect for any gamer.",
-    "fr": "Cette souris de jeu est conçue pour être le compagnon de jeu parfait. Avec un design classique et une disposition simple, cette souris est parfaite pour tout joueur."
+    "fr": "Cette souris de jeu est conçue pour être le compagnon de jeu parfait. Avec un design classique et une disposition simple, cette souris est parfaite pour tout joueur.",
+    "es": "Este ratón de juego está concebido para ser el compañero perfecto. Con un diseño clásico y una disposición simple, este raton es perfecto en todos los aspectos."
  },
  "category": "hardware"
 }
--- a/content/uses/notion.json
+++ b/content/uses/notion.json
@@ -2,7 +2,8 @@
  "name": "Notion",
  "description": {
    "en": "Notion is my all-in-one note-taking, kanban boards, wikis, and draft notebook.",
-    "fr": "Notion est mon outil de prise de notes, de kanban, de wikis et de brouillon tout-en-un."
+    "fr": "Notion est mon outil de prise de notes, de kanban, de wikis et de brouillon tout-en-un.",
+    "es": "Notion es mi herramienta para coger apuntes, kanban, wikis y borradores todo en uno!"
  },
  "category": "software"
 }
--- a/content/uses/raycast.json
+++ b/content/uses/raycast.json
@@ -2,7 +2,8 @@
  "name": "RayCast",
  "description": {
    "en": "Raycast is my extendable launcher replacing Apple Spotlight. It lets me complete tasks, calculate, share common links, and much more thanks to the extensions.",
-    "fr": "Raycast est mon lanceur extensible remplaçant Apple Spotlight. Il me permet d'accomplir des tâches, de calculer, de partager des liens communs et bien plus encore grâce aux extensions."
+    "fr": "Raycast est mon lanceur extensible remplaçant Apple Spotlight. Il me permet d'accomplir des tâches, de calculer, de partager des liens communs et bien plus encore grâce aux extensions.",
+    "es": "RayCast es mi launcher extensible, que remplaza a Apple Spotlight. Me permite completar tareas, calcular, compartir links comunes y mucho más gracias a todas las extensiones"
  },
  "category": "software"
 }
--- a/content/uses/stack-fullstack.json
+++ b/content/uses/stack-fullstack.json
@@ -2,7 +2,8 @@
  "name": "FrontEnd & BackEnd",
  "description": {
    "en": "I use TypeScript, Vue 3 with Nuxt 3, Nuxt Stack (UI, Hub, Content, Studio) & TailwindCss for FrontEnd. Nuxt (powered by Nitro) and AdonisJs are used for BackEnd depending on project complexity. PostgreSQL are used for database, Redis for caching. Docker is used for containerization. Apps are deployed on NuxtHub (powered by CloudFlare) or Vercel.",
-    "fr": "J'utilise TypeScript, Vue 3 avec Nuxt 3, Nuxt Stack (UI, Hub, Content, Studio) & TailwindCss pour le FrontEnd. Nuxt (alimenté par Nitro) et AdonisJs sont utilisés pour le BackEnd en fonction de la complexité du projet. PostgreSQL est utilisé pour la base de données, Redis pour le caching. Docker est utilisé pour la conteneurisation. Les applications sont déployées sur NuxtHub (alimenté par CloudFlare) ou Vercel."
+    "fr": "J'utilise TypeScript, Vue 3 avec Nuxt 3, Nuxt Stack (UI, Hub, Content, Studio) & TailwindCss pour le FrontEnd. Nuxt (alimenté par Nitro) et AdonisJs sont utilisés pour le BackEnd en fonction de la complexité du projet. PostgreSQL est utilisé pour la base de données, Redis pour le caching. Docker est utilisé pour la conteneurisation. Les applications sont déployées sur NuxtHub (alimenté par CloudFlare) ou Vercel.",
+    "es": "Uso TypeScript, Vue 3 con Nuxt 3, Nuxt Stack (UI, Hub, Content, Studio) & TailwindCss para el FrontEnd. Nuxt (alimentado por Nitro) y AdonisJs se utilizan para el BackEnd dependiendo de la complejidad del proyecto. PostgreSQL se utiliza para la base de datos, Redis para el caching. Docker se utiliza para la contenerización. Las aplicaciones se despliegan en NuxtHub (alimentado por CloudFlare) o Vercel."
  },
  "category": "stack"
 }
--- a/content/uses/steelseries-apex-9-tkl.json
+++ b/content/uses/steelseries-apex-9-tkl.json
@@ -2,7 +2,8 @@
  "name": "SteelSeries Apex 9 TKL",
  "description": {
    "en": "This TKL keyboard is a great choice for gamers who want a compact keyboard with a lot of features.",
-    "fr": "Ce clavier TKL est un excellent choix pour les joueurs qui veulent un clavier compact avec de nombreuses fonctionnalités."
+    "fr": "Ce clavier TKL est un excellent choix pour les joueurs qui veulent un clavier compact avec de nombreuses fonctionnalités.",
+    "es": "Este teclado TKL es una elección excelente para los jugadores que quieren un teclado compacto para muchas funcionalidades."
  },
  "category": "hardware"
 }
--- a/content/uses/themes-fonts.json
+++ b/content/uses/themes-fonts.json
@@ -2,7 +2,8 @@
  "name": "Theme and Font",
  "description": {
    "en": "My theme is Catppuccin Macchiato, a community-driven pastel theme that aims to be the middle ground between low and high contrast themes. My main fonts are Vercel Geist and JetBrains Mono",
-    "fr": "Mon thème est Catppuccin Macchiato, un thème pastel piloté par la communauté qui vise à être le juste milieu entre les thèmes à faible et à fort contraste. Mes polices principales sont Vercel Geist et JetBrains Mono"
+    "fr": "Mon thème est Catppuccin Macchiato, un thème pastel piloté par la communauté qui vise à être le juste milieu entre les thèmes à faible et à fort contraste. Mes polices principales sont Vercel Geist et JetBrains Mono",
+    "es": "Mi tema es Catppuccin Macchiato, un tema pastel impulsado por la comunidad que tiene como objetivo ser el punto intermedio entre los temas de bajo y alto contraste. Mis fuentes principales son Vercel Geist y JetBrains Mono"
  },
  "category": "ide"
 }
--- a/content/uses/warp.json
+++ b/content/uses/warp.json
@@ -2,7 +2,8 @@
  "name": "Warp",
  "description": {
    "en": "Warp is a modern, Rust-based terminal reimagined with AI and collaborative tools for better productivity. I'm loving it so far!",
-    "fr": "Warp est un terminal moderne basé sur Rust réimaginé avec l'IA et des outils collaboratifs pour une meilleure productivité. Je l'adore jusqu'à présent !"
+    "fr": "Warp est un terminal moderne basé sur Rust réimaginé avec l'IA et des outils collaboratifs pour une meilleure productivité. Je l'adore jusqu'à présent !",
+    "es": "Warp es un terminal moderno, basado en Rust y modernizado con la Ia y herramientas colaborativas, para conseguir una mejor productividad. Hasta ahora me encanta !"
  },
  "category": "software"
 }
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -82,18 +82,18 @@ export default defineNuxtConfig({
      {
        code: 'en',
        language: 'en-EN',
-        icon: 'i-twemoji-flag-united-kingdom'
+        icon: 'i-twemoji-flag-united-kingdom',
      },
      {
        code: 'fr',
        language: 'fr-FR',
-        icon: 'i-twemoji-flag-france'
+        icon: 'i-twemoji-flag-france',
      },
      {
        code: 'es',
        language: 'es-ES',
-        icon: 'i-twemoji-flag-spain'
-      }
+        icon: 'i-twemoji-flag-spain',
+      },
    ],
    defaultLocale: 'en',
  },
--- a/types.ts
+++ b/types.ts
@@ -52,7 +52,8 @@ export interface Tag {
  label: string
  icon: string
  color: BadgeColor
-  sort?: boolean
+  title?: string
+  translation: string
 }

 export const TAGS: Array<Tag> = [
@@ -60,42 +61,50 @@ export const TAGS: Array<Tag> = [
    label: 'Article',
    icon: 'i-ph-pencil-line-duotone',
    color: 'red',
-    sort: true,
+    title: 'Articles',
+    translation: 'tags.article',
  },
  {
    label: 'Project',
    icon: 'i-ph-briefcase-duotone',
    color: 'blue',
-    sort: true,
+    title: 'Projects',
+    translation: 'tags.project',
  },
  {
    label: 'R',
    icon: 'i-vscode-icons-file-type-r',
    color: 'orange',
+    translation: 'tags.r',
  },
  {
-    label: 'ML',
+    label: 'AI',
    icon: 'i-ph-brain-duotone',
    color: 'green',
+    translation: 'tags.ai',
  },
  {
    label: 'Data',
    icon: 'i-ph-database-duotone',
    color: 'purple',
+    translation: 'tags.data',
  },
  {
    label: 'Web',
    icon: 'i-ph-globe-duotone',
    color: 'cyan',
+    translation: 'tags.web',
  },
  {
    label: 'Python',
    icon: 'i-vscode-icons-file-type-python',
    color: 'amber',
+    translation: 'tags.python',
  },
  {
    label: 'Maths',
    icon: 'i-ph-calculator-duotone',
    color: 'pink',
+    translation: 'tags.maths',
  },
 ]