mirror of
https://github.com/versia-pub/frontend.git
synced 2025-12-06 16:38:20 +01:00
31 lines
807 B
Vue
31 lines
807 B
Vue
<template>
|
|
<Timeline type="status" :items="(items as Status[])" :is-loading="isLoading" :has-reached-end="hasReachedEnd"
|
|
:error="error" :load-next="loadNext" :load-prev="loadPrev" :remove-item="removeItem"
|
|
:update-item="updateItem" />
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import type { Status } from "@lysand-org/client/types";
|
|
import { usePublicTimeline } from "~/composables/PublicTimeline";
|
|
import Timeline from "./timeline.vue";
|
|
|
|
const {
|
|
error,
|
|
hasReachedEnd,
|
|
isLoading,
|
|
items,
|
|
loadNext,
|
|
loadPrev,
|
|
removeItem,
|
|
updateItem,
|
|
} = usePublicTimeline(client.value);
|
|
|
|
// Example of how to handle global events
|
|
useListen("note:delete", ({ id }) => {
|
|
removeItem(id);
|
|
});
|
|
|
|
useListen("note:edit", (updatedNote) => {
|
|
updateItem(updatedNote);
|
|
});
|
|
</script> |