1
0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-12-17 07:40:27 +05:30
Piped/src/components/TrendingPage.vue

44 lines
1.0 KiB
Vue
Raw Normal View History

2020-11-17 10:45:35 +05:30
<template>
2022-01-12 11:09:36 +05:30
<h1 v-t="'titles.trending'" class="font-bold text-center" />
2020-11-17 10:45:35 +05:30
<hr />
2021-12-27 20:16:22 +05:30
<div class="video-grid">
<VideoItem v-for="video in videos" :key="video.url" :video="video" height="118" width="210" />
2020-11-17 10:45:35 +05:30
</div>
</template>
<script>
2021-06-17 00:44:46 +05:30
import VideoItem from "@/components/VideoItem.vue";
2020-11-17 10:45:35 +05:30
export default {
components: {
VideoItem,
},
2020-11-17 10:45:35 +05:30
data() {
return {
videos: [],
2020-11-17 10:45:35 +05:30
};
},
mounted() {
let region = this.getPreferenceString("region", "US");
this.fetchTrending(region).then(videos => {
this.videos = videos;
this.updateWatched(this.videos);
});
2020-11-17 10:45:35 +05:30
},
activated() {
document.title = this.$t("titles.trending") + " - Piped";
if (this.videos.length > 0) this.updateWatched(this.videos);
},
2020-11-17 10:45:35 +05:30
methods: {
async fetchTrending(region) {
return await this.fetchJson(this.apiUrl() + "/trending", {
region: region || "US",
});
},
},
2020-11-17 10:45:35 +05:30
};
</script>