<script setup>
// Copyright 2024 FlexCDN root@flexcdn.cn. All rights reserved. Official site: https://flexcdn.cn .

import ctxRef from "@/utils/ctx_ref.js"
import Context from "./post.js"
import TBreadcrumb from "@/components/ui/TBreadcrumb.vue";

const ctx = ctxRef(new Context())

</script>

<template>
	<div class="-mt-4">
		<TBreadcrumb :items="[
			{label:'概览', url:'/dashboard'},
			{label:'最新活动', url:'/dashboard'},
			{label:'活动详情'}
		]"></TBreadcrumb>

		<div class="px-4">
			<div class="text-2xl">{{ ctx.post.subject }}</div>
			<div class="mt-2">
			<span class="gray small">
				<span v-if="ctx.post.category && ctx.post.category.name && ctx.post.category.name.length > 0">分布：{{ ctx.post.category.name }} </span><span class="ml-4">发布时间：{{ ctx.post.createdTime }}</span>
			</span>
			</div>
			<div class="mt-2">
				<div v-html="ctx.post.body"></div>
			</div>
		</div>
	</div>
</template>

<style lang="postcss" scoped>
</style>