boursecu_user/src/views/base/giftCard/index.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>