use MkChannelList

This commit is contained in:
ThatOneCalculator 2023-05-07 12:48:28 -07:00
parent 0e925c9083
commit 97e6fd2dc3
2 changed files with 13 additions and 25 deletions

View File

@ -3,7 +3,7 @@
<template #empty>
<div class="_fullinfo">
<img
src="/static-assets/badges/info.png"
src="/static-assets/badges/not-found.png"
class="_ghost"
:alt="i18n.ts.notFound"
/>

View File

@ -66,7 +66,7 @@
</swiper-slide>
<swiper-slide>
<div class="_content grwlizim featured">
<MkPagination
<!-- <MkPagination
v-slot="{ items }"
:pagination="featuredPagination"
:disable-auto-load="true"
@ -77,23 +77,19 @@
class="_gap"
:channel="channel"
/>
</MkPagination>
</MkPagination> -->
<MkChannelList
key="featured"
:pagination="featuredPagination"
/>
</div>
</swiper-slide>
<swiper-slide>
<div class="_content grwlizim following">
<MkPagination
v-slot="{ items }"
<MkChannelList
key="following"
:pagination="followingPagination"
:disable-auto-load="true"
>
<MkChannelPreview
v-for="channel in items"
:key="channel.id"
class="_gap"
:channel="channel"
/>
</MkPagination>
</div>
</swiper-slide>
<swiper-slide>
@ -101,18 +97,10 @@
<MkButton class="new" @click="create()"
><i class="ph-plus ph-bold ph-lg"></i
></MkButton>
<MkPagination
v-slot="{ items }"
<MkChannelList
key="owned"
:pagination="ownedPagination"
:disable-auto-load="true"
>
<MkChannelPreview
v-for="channel in items"
:key="channel.id"
class="_gap"
:channel="channel"
/>
</MkPagination>
</div>
</swiper-slide>
</swiper>