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>
25 lines
616 B
Vue
25 lines
616 B
Vue
<template>
|
|
<div class="gift-card-page-root">
|
|
<DesktopGiftCardView v-show="isDesktop" />
|
|
<MobileGiftCardView v-show="!isDesktop" />
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { useDesktopBreakpoint } from '@/layouts/composables/useAppLayout'
|
|
import { useGiftCardPage } from './composables/useGiftCardPage'
|
|
import DesktopGiftCardView from './desktop/DesktopGiftCardView.vue'
|
|
import MobileGiftCardView from './mobile/MobileGiftCardView.vue'
|
|
|
|
const isDesktop = useDesktopBreakpoint()
|
|
|
|
useGiftCardPage()
|
|
</script>
|
|
|
|
<style scoped>
|
|
.gift-card-page-root {
|
|
min-height: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|