Split desktop and mobile layouts with shared page data so APIs fetch once per context.
Add layout shells, desktop views, module-level page caches, and UI fixes for auth, home, wallet, transactions, address, and related pages. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user