boursecu_user/src/views/base/educate/index.vue

<template>
  <div class="educate-page-root">
    <DesktopEducateView v-show="isDesktop" />
    <MobileEducateView v-show="!isDesktop" />
  </div>
</template>

<script lang="ts" setup>
import { useDesktopBreakpoint } from '@/layouts/composables/useAppLayout'
import { useEducatePage } from './composables/useEducatePage'
import DesktopEducateView from './desktop/DesktopEducateView.vue'
import MobileEducateView from './mobile/MobileEducateView.vue'

const isDesktop = useDesktopBreakpoint()

useEducatePage()
</script>

<style scoped>
.educate-page-root {
  min-height: 100%;
  height: 100%;
}
</style>