Expose content language in HTML

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/views/Event/Event.vue

@@ -10,7 +10,12 @@
         <section class="intro" dir="auto">
           <div class="columns">
             <div class="column">
-              <h1 class="title" style="margin: 0" dir="auto">
+              <h1
+                class="title"
+                style="margin: 0"
+                dir="auto"
+                :lang="event.language"
+              >
                 {{ event.title }}
               </h1>
               <div class="organizer">
@@ -289,6 +294,7 @@
             </p>
             <div v-else>
               <div
+                :lang="event.language"
                 dir="auto"
                 class="description-content"
                 ref="eventDescriptionElement"

js/src/views/Posts/Post.vue

@@ -15,7 +15,7 @@
                 v-if="post.draft"
                 >{{ $t("Draft") }}</b-tag
               >
-              <h1 class="title">{{ post.title }}</h1>
+              <h1 class="title" :lang="post.language">{{ post.title }}</h1>
             </div>
             <p class="metadata">
               <router-link
@@ -165,7 +165,12 @@
       }}
     </b-message>
 
-    <section v-html="post.body" dir="auto" class="content" />
+    <section
+      v-html="post.body"
+      dir="auto"
+      class="content"
+      :lang="post.language"
+    />
     <section class="tags" dir="auto">
       <router-link
         v-for="tag in post.tags"