iceshrimp-legacy/packages/client/src/ui/deck/direct-column.vue
ThatOneCalculator bdc35a343e
refactor: 🚨 linting fix
2023-07-16 15:32:32 -07:00

42 lines
811 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 type { Column } from "./deck-store";
import XNotes from "@/components/MkNotes.vue";
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>