<template>
	<MkStickyContainer>
		<template #header>
			<MkPageHeader :actions="headerActions" :tabs="[]" />
		</template>
		<MkSpacer :content-max="800">
			<XMemorietTimeline />
		</MkSpacer>
	</MkStickyContainer>
</template>

<script lang="ts" setup>
import { computed } from "vue";
import XMemorietTimeline from "@/components/MkMemorietTimeline.vue";
import { definePageMetadata } from "@/scripts/page-metadata";

const headerActions = computed(() => [
	{
		icon: "ph-plus ph-bold ph-lg",
		text: "投稿",
		to: "/memoriet",
	},
]);

definePageMetadata({
	title: "Memorietタイムライン",
	icon: "ph-sparkle ph-bold ph-lg",
});
</script>
