2020-07-11 03:13:11 +02:00
|
|
|
<template>
|
2023-04-08 02:01:42 +02:00
|
|
|
<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
|
|
|
|
>
|
2020-07-11 03:13:11 +02:00
|
|
|
|
2023-04-08 02:01:42 +02:00
|
|
|
<XNotes :pagination="pagination" />
|
|
|
|
</XColumn>
|
2020-07-11 03:13:11 +02:00
|
|
|
</template>
|
|
|
|
|
2022-01-12 18:29:27 +01:00
|
|
|
<script lang="ts" setup>
|
2023-04-08 02:01:42 +02:00
|
|
|
import {} from "vue";
|
|
|
|
import XColumn from "./column.vue";
|
2023-07-17 00:32:32 +02:00
|
|
|
import type { Column } from "./deck-store";
|
2023-04-08 02:01:42 +02:00
|
|
|
import XNotes from "@/components/MkNotes.vue";
|
2020-07-11 03:13:11 +02:00
|
|
|
|
2022-03-20 19:11:14 +01:00
|
|
|
defineProps<{
|
|
|
|
column: Column;
|
2022-01-12 18:29:27 +01:00
|
|
|
isStacked: boolean;
|
|
|
|
}>();
|
2020-07-11 03:13:11 +02:00
|
|
|
|
2022-03-20 19:11:14 +01:00
|
|
|
const emit = defineEmits<{
|
2023-04-08 02:01:42 +02:00
|
|
|
(ev: "parent-focus", direction: "up" | "down" | "left" | "right"): void;
|
2022-03-20 19:11:14 +01:00
|
|
|
}>();
|
|
|
|
|
2022-01-12 18:29:27 +01:00
|
|
|
const pagination = {
|
2023-04-08 02:01:42 +02:00
|
|
|
endpoint: "notes/mentions" as const,
|
2022-01-12 18:29:27 +01:00
|
|
|
limit: 10,
|
2022-03-20 19:11:14 +01:00
|
|
|
params: {
|
2023-04-08 02:01:42 +02:00
|
|
|
visibility: "specified",
|
2022-03-20 19:11:14 +01:00
|
|
|
},
|
2022-01-12 18:29:27 +01:00
|
|
|
};
|
2020-07-11 03:13:11 +02:00
|
|
|
</script>
|