diff options
| author | たーびん <tar.bin.master@gmail.com> | 2023-04-11 07:42:27 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-04-11 07:42:27 +0900 |
| commit | f6dc100748ef403be1fdde8dd28b62ab4e11c5b3 (patch) | |
| tree | 8444e2c47386af0cc5761fb69da096690a7438b8 /packages/frontend/src/components/MkChannelList.vue | |
| parent | カスタム絵文字のキャッシュ時に"{}"が入ってしまう問題... (diff) | |
| download | sharkey-f6dc100748ef403be1fdde8dd28b62ab4e11c5b3.tar.gz sharkey-f6dc100748ef403be1fdde8dd28b62ab4e11c5b3.tar.bz2 sharkey-f6dc100748ef403be1fdde8dd28b62ab4e11c5b3.zip | |
fix #10554 チャンネルの検索用ページとAPIの追加 (#10555)
* add channel search
* move channel search to channel list page
---------
Co-authored-by: tamaina <tamaina@hotmail.co.jp>
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
Co-authored-by: atsuchan <83960488+atsu1125@users.noreply.github.com>
Co-authored-by: Masaya Suzuki <15100604+massongit@users.noreply.github.com>
Co-authored-by: Kagami Sascha Rosylight <saschanaz@outlook.com>
Co-authored-by: taiy <53635909+taiyme@users.noreply.github.com>
Co-authored-by: xianon <xianon@hotmail.co.jp>
Co-authored-by: kabo2468 <28654659+kabo2468@users.noreply.github.com>
Co-authored-by: YS <47836716+yszkst@users.noreply.github.com>
Co-authored-by: Khsmty <me@khsmty.com>
Co-authored-by: Soni L <EnderMoneyMod@gmail.com>
Co-authored-by: mei23 <m@m544.net>
Co-authored-by: daima3629 <52790780+daima3629@users.noreply.github.com>
Co-authored-by: Windymelt <1113940+windymelt@users.noreply.github.com>
Diffstat (limited to 'packages/frontend/src/components/MkChannelList.vue')
| -rw-r--r-- | packages/frontend/src/components/MkChannelList.vue | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkChannelList.vue b/packages/frontend/src/components/MkChannelList.vue new file mode 100644 index 0000000000..408eab7399 --- /dev/null +++ b/packages/frontend/src/components/MkChannelList.vue @@ -0,0 +1,31 @@ +<template> +<MkPagination :pagination="pagination"> + <template #empty> + <div class="_fullinfo"> + <img src="https://xn--931a.moe/assets/info.jpg" class="_ghost"/> + <div>{{ i18n.ts.notFound }}</div> + </div> + </template> + + <template #default="{ items }"> + <MkChannelPreview v-for="item in items" :key="item.id" class="_margin" :channel="extractor(item)"/> + </template> +</MkPagination> +</template> + +<script lang="ts" setup> +import MkChannelPreview from '@/components/MkChannelPreview.vue'; +import MkPagination, { Paging } from '@/components/MkPagination.vue'; +import { i18n } from '@/i18n'; + +const props = withDefaults(defineProps<{ + pagination: Paging; + noGap?: boolean; + extractor?: (item: any) => any; +}>(), { + extractor: (item) => item, +}); +</script> + +<style lang="scss" scoped> +</style> |