freetube/src/renderer/components/ft-list-lazy-wrapper/ft-list-lazy-wrapper.vue

32 lines
739 B
Vue
Raw Normal View History

<template>
<div
v-observe-visibility="firstScreen ? false : {
callback: onVisibilityChanged,
once: true,
}"
2020-08-25 18:13:25 +00:00
:class="{
grid: layout === 'grid',
list: layout === 'list'
}"
>
<ft-list-channel
v-if="data.type === 'channel' && visible"
:appearance="appearance"
:data="data"
/>
<ft-list-video
v-if="(data.type === 'video' || data.type === 'shortVideo') && visible"
:appearance="appearance"
:data="data"
/>
<ft-list-playlist
2020-08-24 23:12:38 +00:00
v-if="data.type === 'playlist' && visible"
:appearance="appearance"
:data="data"
/>
</div>
</template>
<script src="./ft-list-lazy-wrapper.js" />
<style scoped src="./ft-list-lazy-wrapper.css" />