Translated shot button

components/ShoutButton.vue

@@ -13,13 +13,16 @@
       @click="toggle"
     />
     <ds-space margin-bottom="xx-small" />
-    <ds-text color="soft">
+    <ds-text
+      color="soft"
+      class="shout-button-text"
+    >
       <ds-heading
         style="display: inline"
         tag="h3"
       >
         {{ shoutedCount }}x
-      </ds-heading> Empfohlen
+      </ds-heading> {{ $t('shoutButton.shouted') }}
     </ds-text>
   </ds-space>
 </template>
@@ -79,3 +82,9 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+.shout-button-text {
+  user-select: none;
+}
+</style>

locales/de.json

@@ -22,6 +22,9 @@
     "following": "Folgst",
     "unfollow": "Entfolgen"
   },
+  "shoutButton": {
+    "shouted": "empfohlen"
+  },
   "profile": {
     "name": "Mein Profil",
     "memberSince": "Mitglied seit",

locales/en.json

@@ -22,6 +22,9 @@
     "following": "Following",
     "unfollow": "Unfollow"
   },
+  "shoutButton": {
+    "shouted": "shouted"
+  },
   "profile": {
     "name": "My Profile",
     "memberSince": "Member since",