Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Use video row for realted videos

Browse source
This commit is contained in:
Sam Carlton 2020-12-10 23:42:45 -06:00
parent 5fbe4d11bd
commit 3cbccc0a5b
1 changed files with 7 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

19
pages/tv/_slug.vue
View file

@ -31,7 +31,7 @@
<h2 class="subtitle text-xl md:text-2xl font-bold mb-3"> <h2 class="subtitle text-xl md:text-2xl font-bold mb-3">
Related Apps Related Apps
</h2> </h2>
<div class="featured-apps overflow-x-auto whitespace-no-wrap py-2 space-x-2"> <div class="featured-apps overflow-x-auto overflow-y-visible whitespace-no-wrap py-2 space-x-2">
<LinkButton <LinkButton
v-for="app in featuredApps" v-for="app in featuredApps"
:key="app.slug" :key="app.slug"
@ -47,16 +47,9 @@
<h2 class="subtitle text-xl md:text-2xl font-bold mb-3"> <h2 class="subtitle text-xl md:text-2xl font-bold mb-3">
Related Videos Related Videos
</h2> </h2>
<div class="featured-apps overflow-x-auto whitespace-no-wrap py-2 space-x-2"> <VideoRow
<LinkButton :videos="relatedVideos"
v-for="video in relatedVideos" />
:key="video.slug"
:href="video.endpoint"
:class="[
'inline-block text-xs rounded-lg py-1 px-2',
]"
>{{ video.name }}</LinkButton>
</div>
</div> </div>
<!-- video: {{ video }} --> <!-- video: {{ video }} -->
@ -78,11 +71,13 @@
<script> <script>
import LinkButton from '~/components/link-button.vue' import LinkButton from '~/components/link-button.vue'
import EmailSubscribe from '~/components/email-subscribe.vue' import EmailSubscribe from '~/components/email-subscribe.vue'
import VideoRow from '~/components/video/row.vue'
export default { export default {
components: { components: {
LinkButton, LinkButton,
EmailSubscribe EmailSubscribe,
VideoRow
}, },
async asyncData ({ params: { slug } }) { async asyncData ({ params: { slug } }) {