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>
2026-06-14 10:08:46 +03:30
parent 4404b4cb92
commit a5e458ed25
234 changed files with 18425 additions and 5503 deletions
@@ -0,0 +1,79 @@
+<template>
+  <div class="dauth" :class="{ 'dauth--boursecu': isBoursecu }">
+    <div class="dauth__layout">
+      <aside class="dauth-brand" :class="{ 'dauth-brand--boursecu': isBoursecu }">
+        <div class="dauth-brand__pattern" />
+        <div class="dauth-brand__content">
+          <img
+            :src="logo"
+            alt=""
+            class="dauth-brand__logo"
+            :class="{ 'dauth-brand__logo--round': !hasCustomLayout }"
+          >
+          <h1 class="dauth-brand__title">{{ brandTitle }}</h1>
+          <p v-if="tagline" class="dauth-brand__tagline">{{ tagline }}</p>
+          <ul class="dauth-brand__features">
+            <li v-for="feature in features" :key="feature" class="dauth-brand__feature">
+              <span class="dauth-brand__feature-icon">
+                <BasicIcon icon="vuesax-linear:tick-circle" size="16" />
+              </span>
+              {{ feature }}
+            </li>
+          </ul>
+        </div>
+        <div class="dauth-brand__footer">نسخه {{ version }}</div>
+      </aside>
+
+      <main class="dauth-form-panel">
+        <slot />
+      </main>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import pkg from '../../../../../package.json'
+import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
+import { useConfigStore } from '@/store/configStore'
+import {
+  getProjectLoginLogo,
+  getProjectLoginTaglineLines,
+  hasCustomLoginLogoLayout,
+  isBoursecuProject,
+} from '@/utils/config'
+
+const config = useConfigStore()
+const isBoursecu = isBoursecuProject()
+const hasCustomLayout = hasCustomLoginLogoLayout()
+const version = pkg.version
+
+const logo = computed(() => getProjectLoginLogo(config.config?.avatar))
+
+const taglineLines = computed(() => getProjectLoginTaglineLines())
+const tagline = computed(() => {
+  if (taglineLines.value?.length) {
+    return taglineLines.value.join(' ')
+  }
+  return 'پلتفرم امن و سریع برای مدیریت دارایی و معاملات شما'
+})
+
+const brandTitle = computed(() => config.config?.name_fa ?? 'خوش آمدید')
+
+const features = computed(() => {
+  if (isBoursecu) {
+    return [
+      'قیمت لحظه‌ای و نمودار بازار',
+      'مدیریت دارایی و کیف پول',
+      'معاملات سریع و امن',
+    ]
+  }
+  return [
+    'ورود امن با پیامک یا رمز عبور',
+    'مدیریت یکپارچه دارایی‌ها',
+    'دسترسی سریع به خدمات',
+  ]
+})
+</script>
+
+<style lang="less" src="../styles/desktop-auth.less"></style>