<script setup>
import Navbar from "@/components/common/Navbar.vue";
import NavTab from "@/components/common/NavTab.vue";

const props = defineProps(["ctx", "activeTab"])
</script>

<template>
	<Navbar :active-tab="activeTab">
		<template #tabs>
			<NavTab href="/servers/cache" value="purge" name="刷新缓存"></NavTab>
			<NavTab href="/servers/cache/fetch" value="fetch" name="预热缓存"></NavTab>
			<NavTab separator></NavTab>
			<NavTab href="/servers/cache/tasks" value="task">
				<template #name>
					所有任务<span v-if="ctx.countDoingTasks > 0">({{ ctx.countDoingTasks }})</span>
				</template>
			</NavTab>
		</template>
	</Navbar>
</template>

<style scoped>

</style>