css hyphens for webkit and moz

webapp/assets/styles/main.scss

@@ -171,6 +171,8 @@ hr {
 }
 
 .hyphenate-text {
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
   hyphens: auto;
   overflow-wrap: break-word;
   word-wrap: break-word;

webapp/components/PostCard/PostCard.vue

@@ -1,6 +1,6 @@
 <template>
   <ds-card
-    :language="language"
+    :lang="language"
     :image="post.image | proxyApiUrl"
     :class="{ 'post-card': true, 'disabled-content': post.disabled, 'post--pinned': isPinned }"
   >

webapp/pages/post/_id/_slug/index.vue

@@ -1,7 +1,7 @@
 <template>
   <transition name="fade" appear>
     <ds-card
-      :language="language"
+      :lang="language"
       v-if="post && ready"
       :image="post.image | proxyApiUrl"
       :class="{ 'post-card': true, 'disabled-content': post.disabled }"