Translation component improvements.

This commit is contained in:
FireMasterK 2022-01-14 02:54:27 +00:00
parent 72a0f0d376
commit bf1fc5e84d
No known key found for this signature in database
GPG Key ID: 49451E4482CC5BCD
4 changed files with 15 additions and 14 deletions

View File

@ -112,7 +112,7 @@ b {
} }
.video-grid { .video-grid {
@apply grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 col-auto <md:gap-x-2.5 md:gap-x-1vw gap-y-1.5 mx-3; @apply grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 col-auto <md:gap-x-2.5 md:gap-x-1vw gap-y-1.5;
} }
.btn { .btn {

View File

@ -16,12 +16,12 @@
<hr /> <hr />
<div v-if="results && results.corrected" style="height: 7vh"> <div v-if="results && results.corrected">
<span v-text="$t('search.did_you_mean')" /> <i18n-t keypath="search.did_you_mean" tag="div" class="text-lg">
<router-link :to="{ name: 'SearchResults', query: { search_query: results.suggestion } }">
<router-link :to="{ name: 'SearchResults', query: { search_query: results.suggestion } }"> <em v-text="results.suggestion" />
<em v-text="results.suggestion" /> </router-link>
</router-link> </i18n-t>
</div> </div>
<div v-if="results" class="video-grid"> <div v-if="results" class="video-grid">

View File

@ -24,7 +24,7 @@
<div class="font-bold mt-2 text-2xl break-words" v-text="video.title" /> <div class="font-bold mt-2 text-2xl break-words" v-text="video.title" />
<div class="flex mb-1.5"> <div class="flex mb-1.5">
<span v-text="`${addCommas(video.views)} views`" /> <span v-t="{ path: 'video.views', args: { views: addCommas(video.views) } }" />
<span class="ml-2" v-text="uploadDate" /> <span class="ml-2" v-text="uploadDate" />
<div class="flex items-center relative ml-auto children:ml-2"> <div class="flex items-center relative ml-auto children:ml-2">
@ -44,11 +44,12 @@
</div> </div>
</template> </template>
<a :href="`https://youtu.be/${getVideoId()}`" class="btn"> <a :href="`https://youtu.be/${getVideoId()}`" class="btn">
<strong v-text="$t('player.watch_on')" /> <i18n-t keypath="player.watch_on" tag="strong">
<font-awesome-icon class="ml-1.5" :icon="['fab', 'youtube']" /> <font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
</i18n-t>
</a> </a>
<a v-if="video.lbryId" :href="'https://odysee.com/' + video.lbryId" class="btn"> <a v-if="video.lbryId" :href="'https://odysee.com/' + video.lbryId" class="btn">
<strong v-text="`${$t('player.watch_on')} LBRY`" /> <i18n-t keypath="player.watch_on" tag="strong">LBRY</i18n-t>
</a> </a>
<router-link <router-link
:to="toggleListenUrl" :to="toggleListenUrl"

View File

@ -9,7 +9,7 @@
"subscriptions": "Subscriptions" "subscriptions": "Subscriptions"
}, },
"player": { "player": {
"watch_on": "Watch on" "watch_on": "Watch on {0}"
}, },
"actions": { "actions": {
"subscribe": "Subscribe", "subscribe": "Subscribe",
@ -87,13 +87,13 @@
}, },
"video": { "video": {
"videos": "Videos", "videos": "Videos",
"views": "views", "views": "{views} views",
"watched": "Watched", "watched": "Watched",
"sponsor_segments": "Sponsors Segments", "sponsor_segments": "Sponsors Segments",
"ratings_disabled": "Ratings Disabled", "ratings_disabled": "Ratings Disabled",
"chapters": "Chapters" "chapters": "Chapters"
}, },
"search": { "search": {
"did_you_mean": "Did you mean: " "did_you_mean": "Did you mean: {0}?"
} }
} }