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>

src/views/base/rules/components/RulesContentPanel.vue

@@ -0,0 +1,68 @@
+<template>
+  <div
+    :class="variant === 'desktop' ? 'drules-content' : 'rules-panel mt-5 border-solid border-2 border-primary text-primary rounded-[12px] p-4'"
+  >
+    <div :class="variant === 'desktop' ? 'drules-content__title' : 'font-bold text-sm text-primary'">
+      {{ rulesTitle }}
+    </div>
+    <div
+      :class="variant === 'desktop' ? 'drules-content__divider' : 'w-full h-1px my-3 bg-secondary'"
+    ></div>
+    <div
+      v-for="(block, blockIndex) in rulesBlocks"
+      :key="`block-${blockIndex}`"
+      :class="variant === 'desktop' ? 'drules-content__block' : 'rules-block'"
+    >
+      <div
+        v-if="block.title"
+        :class="variant === 'desktop' ? 'drules-content__block-title' : 'font-bold text-sm text-primary mt-4 mb-2'"
+      >
+        {{ block.title }}
+      </div>
+      <p
+        v-for="(rule, index) in block.items"
+        :key="`rule-${blockIndex}-${index}`"
+        :class="variant === 'desktop' ? 'drules-content__paragraph' : 'rules-paragraph'"
+      >
+        {{ rule }}
+      </p>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useRulesPageContext } from '../composables/useRulesPage'
+
+withDefaults(
+  defineProps<{
+    variant?: 'mobile' | 'desktop'
+  }>(),
+  { variant: 'mobile' },
+)
+
+const { rulesTitle, rulesBlocks } = useRulesPageContext()
+</script>
+
+<style scoped>
+.rules-panel {
+  font-size: 0.875rem;
+  line-height: 1.75rem;
+}
+
+.rules-block + .rules-block {
+  margin-top: 0.5rem;
+}
+
+.rules-paragraph {
+  margin: 0 0 1rem;
+  text-align: justify;
+  line-height: 1.9;
+  word-break: normal;
+  overflow-wrap: break-word;
+  white-space: normal;
+}
+
+.rules-paragraph:last-child {
+  margin-bottom: 0;
+}
+</style>

src/views/base/rules/components/RulesSupportActions.vue

@@ -0,0 +1,41 @@
+<template>
+  <div :class="variant === 'desktop' ? 'drules-support' : 'wrap-fix bottom-0 px-10 pb-3rem flex gap-2 bg-white'">
+    <a class="w-full" :href="supportHref">
+      <BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
+    </a>
+    <a :href="baleHref" target="_blank" rel="noopener noreferrer">
+      <img src="@/assets/img/bale.png" alt="بله" :class="variant === 'desktop' ? 'drules-support__bale' : 'h-10 w-10'" />
+    </a>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import BasicButton from '@/components/BasicPacks/BasicButton.vue'
+import { useRulesPageContext } from '../composables/useRulesPage'
+
+withDefaults(
+  defineProps<{
+    variant?: 'mobile' | 'desktop'
+  }>(),
+  { variant: 'mobile' },
+)
+
+const {
+  config,
+  getProjectSupportPhoneLink,
+  getProjectBaleLink,
+} = useRulesPageContext()
+
+const supportHref = computed(() =>
+  config.config.name === 'garoosi'
+    ? 'tel:09031265925'
+    : getProjectSupportPhoneLink(),
+)
+
+const baleHref = computed(() =>
+  config.config.name === 'garoosi'
+    ? 'https://ble.ir/garoosigallery'
+    : getProjectBaleLink(),
+)
+</script>