iceshrimp-161sh/packages/client/src/ui/deck/direct-column.vue
2023-04-07 17:01:42 -07:00

42 lines
806 B
Vue

<template>
<XColumn
:column="column"
:is-stacked="isStacked"
@parent-focus="($event) => emit('parent-focus', $event)"
>
<template #header
><i
class="ph-envelope-simple-open ph-bold ph-lg"
style="margin-right: 8px"
></i
>{{ column.name }}</template
>
<XNotes :pagination="pagination" />
</XColumn>
</template>
<script lang="ts" setup>
import {} from "vue";
import XColumn from "./column.vue";
import XNotes from "@/components/MkNotes.vue";
import { Column } from "./deck-store";
defineProps<{
column: Column;
isStacked: boolean;
}>();
const emit = defineEmits<{
(ev: "parent-focus", direction: "up" | "down" | "left" | "right"): void;
}>();
const pagination = {
endpoint: "notes/mentions" as const,
limit: 10,
params: {
visibility: "specified",
},
};
</script>