Translate website in espagnol

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',
   },
 ]