18 lines
553 B
Vue
18 lines
553 B
Vue
 
|
<template>
|
||
|
|
<!-- v-show: breakpoint switches must not destroy layouts or re-run child mount hooks -->
|
||
|
|
<MobileHomeView v-show="!isDesktop" @logout="$emit('logout')" />
|
||
|
|
<HomeDesktopView v-show="isDesktop" @logout="$emit('logout')" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { useDesktopBreakpoint } from '@/layouts/composables/useAppLayout'
|
||
|
|
import MobileHomeView from '../mobile/MobileHomeView.vue'
|
||
|
|
import HomeDesktopView from '../desktop/HomeDesktopView.vue'
|
||
|
|
|
||
|
|
defineEmits<{
|
||
|
|
logout: []
|
||
|
|
}>()
|
||
|
|
|
||
|
|
const isDesktop = useDesktopBreakpoint()
|
||
|
|
</script>
|