Merge pull request #111 from Human-Connection/i18n-pluralization

i18n pluralization

components/Author.vue

@@ -61,7 +61,7 @@
           <ds-space margin="small">
             <ds-number
               :count="fanCount"
-              label="Folgen"
+              :label="$t('profile.followers')"
               size="x-large"
             />
           </ds-space>
@@ -70,7 +70,7 @@
           <ds-space margin="small">
             <ds-number
               :count="author.contributionsCount"
-              label="Beiträge"
+              :label="$t('common.post', null, author.contributionsCount)"
             />
           </ds-space>
         </ds-flex-item>
@@ -78,7 +78,7 @@
           <ds-space margin="small">
             <ds-number
               :count="author.commentsCount"
-              label="Kommentare"
+              :label="$t('common.comment', null, author.commentsCount)"
             />
           </ds-space>
         </ds-flex-item>

locales/de.json

@@ -13,7 +13,9 @@
     "memberSince": "Mitglied seit",
     "follow": "Folgen",
     "followers": "Folgen",
-    "following": "Folgt"
+    "following": "Folgt",
+    "shouted": "Empfohlen",
+    "commented": "Kommentiert"
   },
   "settings": {
     "name": "Einstellungen",
@@ -111,4 +113,4 @@
     "loadMore": "mehr laden",
     "loading": "wird geladen"
   }
-}
+}

locales/en.json

@@ -13,7 +13,9 @@
     "memberSince": "Member since",
     "follow": "Follow",
     "followers": "Followers",
-    "following": "Following"
+    "following": "Following",
+    "shouted": "Shouted",
+    "commented": "Commented"
   },
   "settings": {
     "name": "Settings",
@@ -111,4 +113,4 @@
     "loadMore": "load more",
     "loading": "loading"
   }
-}
+}

pages/post/_slug.vue

@@ -18,33 +18,33 @@
 
 <script>
 export default {
-  data() {
-    return {
-      routes: [
+  computed: {
+    routes() {
+      return [
         {
-          name: 'Post',
+          name: this.$t('common.post', null, 1),
           path: `/post/${this.$route.params.slug}`,
           children: [
             {
-              name: 'Kommentare',
+              name: this.$t('common.comment', null, 2),
               path: `/post/${this.$route.params.slug}#comments`
             },
             {
-              name: 'Miteinander reden',
+              name: this.$t('common.letsTalk'),
               path: `/post/${this.$route.params.slug}#lets-talk`
             },
             {
-              name: 'Versus',
+              name: this.$t('common.versus'),
               path: `/post/${this.$route.params.slug}#versus`
             }
           ]
         },
         {
-          name: 'Mehr Info',
+          name: this.$t('common.moreInfo'),
           path: `/post/${this.$route.params.slug}/more-info`
         },
         {
-          name: 'Aktiv werden',
+          name: this.$t('common.takeAction'),
           path: `/post/${this.$route.params.slug}/take-action`
         }
       ]

pages/profile/_slug.vue

@@ -183,7 +183,7 @@
                   <ds-space margin="small">
                     <!-- TODO: find better solution for rendering errors -->
                     <no-ssr>
-                      <ds-number label="Beiträge">
+                      <ds-number :label="$t('common.post', null, user.contributionsCount)">
                         <hc-count-to
                           slot="count"
                           :end-val="user.contributionsCount"
@@ -196,7 +196,7 @@
                   <ds-space margin="small">
                     <!-- TODO: find better solution for rendering errors -->
                     <no-ssr>
-                      <ds-number label="Kommentiert">
+                      <ds-number :label="$t('profile.commented')">
                         <hc-count-to
                           slot="count"
                           :end-val="user.commentsCount"
@@ -209,7 +209,7 @@
                   <ds-space margin="small">
                     <!-- TODO: find better solution for rendering errors -->
                     <no-ssr>
-                      <ds-number label="Empfohlen">
+                      <ds-number :label="$t('profile.shouted')">
                         <hc-count-to
                           slot="count"
                           :end-val="user.shoutedCount"