<template>
	<div class="page">
		<route-placeholder title="状态页" description="这里保留为服务器状态入口，用于验证底部标签切换和服务日志页前进返回动画。" />
		<t-button block variant="outline" @click="openServerLogs">
			查看服务日志页
		</t-button>
	</div>
</template>

<script setup lang="ts">
const router = useRouter();

async function openServerLogs(): Promise<void> {
	await router.push("/server/logs");
}
</script>

<style scoped lang="less">
.page {
	gap: 1rem;
	display: flex;
	padding: 1.2rem;
	flex-direction: column;
}
</style>
