feat: translate all texts

pablosirera · Jun 27, 2020 · 6a6fe68 · 6a6fe68
1 parent 2ae8f20
commit 6a6fe68
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 33 deletions.
diff --git a/components/Logo.vue b/components/Logo.vue
@@ -2,7 +2,7 @@
   <img
     class="w-40 rounded-full nuxt-logo"
     src="https://res.cloudinary.com/de5xzoviz/image/upload/c_scale,q_58,w_640/v1592684920/IMG_6225_brctd5.jpg"
-    alt="My photo"
+    :alt="$t('general.altLogo')"
   />
 </template>
 

diff --git a/components/ui/BlogCard.vue b/components/ui/BlogCard.vue
@@ -38,42 +38,26 @@ export default {
   computed: {
     monthNames() {
       return [
-        'enero',
-        'febrero',
-        'marzo',
-        'abril',
-        'mayo',
-        'junio',
-        'julio',
-        'agosto',
-        'septiembre',
-        'octubre',
-        'noviembre',
-        'diciembre',
+        this.$t('months.january'),
+        this.$t('months.february'),
+        this.$t('months.march'),
+        this.$t('months.april'),
+        this.$t('months.may'),
+        this.$t('months.june'),
+        this.$t('months.july'),
+        this.$t('months.august'),
+        this.$t('months.september'),
+        this.$t('months.october'),
+        this.$t('months.november'),
+        this.$t('months.december'),
       ]
-      // TODO: integrate translations
-      // return [
-      //   this.$t('months.january'),
-      //   this.$t('months.february'),
-      //   this.$t('months.march'),
-      //   this.$t('months.april'),
-      //   this.$t('months.may'),
-      //   this.$t('months.june'),
-      //   this.$t('months.july'),
-      //   this.$t('months.august'),
-      //   this.$t('months.september'),
-      //   this.$t('months.october'),
-      //   this.$t('months.november'),
-      //   this.$t('months.december'),
-      // ]
     },
   },
   methods: {
     getTimeToReadText(timeToRead) {
-      // TODO: integrate translations
-      // const keyTranslateText = timeToRead > 1 ? 'minutes' : 'minute'
-      // const translateText = this.$i18n.t(`posts.${keyTranslateText}`)
-      return `${timeToRead} minutos`
+      const keyTranslateText = timeToRead > 1 ? 2 : 1
+      const translateText = this.$i18n.tc('posts.minute', keyTranslateText)
+      return `${timeToRead} ${translateText}`
     },
     getDate(date) {
       const newDate = new Date(date)

diff --git a/locales/es.json b/locales/es.json
@@ -1,4 +1,24 @@
 {
+  "general": {
+    "altLogo": "Pablo Sirera, desarrollador web frontend | Javascript, Vue y Nuxt"
+  },
+  "months": {
+    "april": "Abril",
+    "august": "Agosto",
+    "december": "Diciembre",
+    "february": "Febrero",
+    "january": "Enero",
+    "july": "Julio",
+    "june": "Junio",
+    "march": "Marzo",
+    "may": "Mayo",
+    "november": "Noviembre",
+    "october": "Octubre",
+    "september": "Septiembre"
+  },
+  "posts": {
+    "minute": "minuto | minutos"
+  },
   "projects": {
     "title": "Mis projectos"
   }

diff --git a/pages/blog/index.vue b/pages/blog/index.vue
@@ -1,6 +1,5 @@
 <template>
   <div>
-    // TODO: translate this title
     <h1 class="title">Blog</h1>
     <div class="flex flex-col m-auto pt-8">
       <BlogCard