boursecu_user/src/views/base/physicalReceive/desktop/DesktopPhysicalReceiveChrome.vue

<template>
  <header class="dpr-topbar">
    <button type="button" class="dpr-topbar__back" @click="router.back()">
      <BasicIcon icon="vuesax-linear:arrow-right-1" size="18" />
      بازگشت
    </button>
    <div class="dpr-topbar__meta">
      <p class="dpr-topbar__eyebrow">سفارش</p>
      <h1 class="dpr-topbar__title">{{ pageTitle }}</h1>
      <p class="dpr-topbar__subtitle">{{ pageSubtitle }}</p>
    </div>
  </header>
</template>

<script lang="ts" setup>
import { computed } from 'vue'
import { useRoute } from 'vue-router'
import router from '@/router'
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'

const route = useRoute()

const pageTitle = computed(() =>
  route.name === 'list' ? 'دریافت فیزیکی' : 'درخواست جدید'
)

const pageSubtitle = computed(() =>
  route.name === 'list'
    ? 'پیگیری درخواست‌های تحویل فیزیکی محصول'
    : 'انتخاب محصول و ثبت آدرس تحویل'
)
</script>