Fix #175: Typos/not showing text due to i18n work

changes/changelog.d/175.bugfix

+Typos/not showing text due to i18n work (#175)

front/src/components/activity/Like.vue

@@ -5,10 +5,10 @@
    </div>
    <div class="content">
      <div class="summary">
-       <i18next path="{%0%} favorited a track {%1%}">
-        <slot name="user"></slot>
-        <slot name="date"></slot>
+       <i18next path="{%0%} favorited a track">
+         <username class="user" :username="event.actor.local_id" />
        </i18next>
+       <human-date class="date" :date="event.published" />
      </div>
      <div class="extra text">
        <router-link :to="{name: 'library.tracks.detail', params: {id: event.object.local_id }}">{{ event.object.name }}</router-link>

front/src/components/activity/Listen.vue

@@ -5,16 +5,16 @@
    </div>
    <div class="content">
      <div class="summary">
-       <i18next path="{%0%} listened to a track {%1%}">
-        <slot name="user"></slot>
-        <slot name="date"></slot>
+       <i18next path="{%0%} listened to a track">
+         <username class="user" :username="event.actor.local_id" />
        </i18next>
+       <human-date class="date" :date="event.published" />
+
      </div>
      <div class="extra text">
        <router-link :to="{name: 'library.tracks.detail', params: {id: event.object.local_id }}">{{ event.object.name }}</router-link>
         <i18next path="from album {%0%}, by {%1%}" v-if="event.object.album">
-          {{ event.object.album }}
-          <em>{{ event.object.artist }}</em>
+          {{ event.object.album }}<em>{{ event.object.artist }}</em>
         </i18next>
         <i18next path=", by {%0%}" v-else>
           <em>{{ event.object.artist }}</em>

front/src/components/library/Artist.vue

@@ -11,10 +11,7 @@
             <div class="content">
               {{ artist.name }}
               <div class="sub header">
-                <i18next path="{%0%} tracks in {%1%} albums">
-                  {{ totalTracks }}
-                  {{ albums.length }}
-                </i18next>
+                {{ $t('{% track_count %} tracks in {% album_count %} albums', {track_count: totalTracks, album_count: albums.length})}}
               </div>
             </div>
           </h2>

front/src/views/instance/Timeline.vue

@@ -14,12 +14,6 @@
             v-if="components[event.type]"
             :is="components[event.type]"
             :event="event">
-            <username
-              class="user"
-              :username="event.actor.local_id"
-              slot="user"></username>
-              {{ event.published }}
-            <human-date class="date" :date="event.published" slot="date"></human-date>
           </component>
         </div>
       </div>