rudeshark.net/packages/client/src/pages/user/pages.vue
2023-04-07 17:01:42 -07:00

34 lines
716 B
Vue

<template>
<MkSpacer :content-max="800">
<MkPagination v-slot="{ items }" ref="list" :pagination="pagination">
<MkPagePreview
v-for="page in items"
:key="page.id"
:page="page"
class="_gap"
/>
</MkPagination>
</MkSpacer>
</template>
<script lang="ts" setup>
import { computed } from "vue";
import * as misskey from "calckey-js";
import MkPagePreview from "@/components/MkPagePreview.vue";
import MkPagination from "@/components/MkPagination.vue";
const props = defineProps<{
user: misskey.entities.User;
}>();
const pagination = {
endpoint: "users/pages" as const,
limit: 20,
params: computed(() => ({
userId: props.user.id,
})),
};
</script>
<style lang="scss" scoped></style>