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> <template #empty>
<div class="_fullinfo"> <div class="_fullinfo">
<img <img
src="/static-assets/badges/info.png" src="/static-assets/badges/not-found.png"
class="_ghost" class="_ghost"
:alt="i18n.ts.notFound" :alt="i18n.ts.notFound"
/> />

View file

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