MahdiandCursor
b0088c35d1
Adds consultation leads, section editors, and the one-time content reset for this release. Co-authored-by: Cursor <cursoragent@cursor.com>
24 lines
1.0 KiB
Vue
24 lines
1.0 KiB
Vue
<template>
|
|
<div class="text-center max-w-2xl mx-auto mb-16 space-y-2 fade-item">
|
|
<nav v-if="crumbs?.length" aria-label="مسیر صفحه" class="text-xs font-bold text-slate-400 dark:text-slate-500">
|
|
<ol class="inline-flex items-center gap-2">
|
|
<li v-for="(c, i) in crumbs" :key="c.to" class="inline-flex items-center gap-2">
|
|
<NuxtLink v-if="i < crumbs.length - 1" :to="c.to" class="hover:text-brand-600 dark:hover:text-brand-400 transition-colors">{{ c.label }}</NuxtLink>
|
|
<span v-else aria-current="page">{{ c.label }}</span>
|
|
<span v-if="i < crumbs.length - 1" aria-hidden="true">/</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
<h1 class="text-3xl sm:text-4xl font-black text-slate-900 dark:text-white leading-snug">{{ title }}</h1>
|
|
<p v-if="subtitle" class="text-sm sm:text-base text-slate-500 dark:text-slate-400 font-normal">{{ subtitle }}</p>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
title: string;
|
|
subtitle?: string;
|
|
crumbs?: Array<{ label: string; to: string }>;
|
|
}>();
|
|
</script>
|